@charset "UTF-8";
html { font-size: calc(100vw / 1920 * 100); }

@media (max-width: 900px) { html { font-size: calc(900px / 1920 * 100); } }

body { font-family: sans-serif; font-size: 14px; line-height: 1.2; overflow-x: hidden; color: #333; }

body:-webkit-full-page-media { background: inherit; }

body { font-family: 'MiSans', sans-serif; font-weight: 305; }

.MiSans-Thin { font-weight: 150; }

.MiSans-ExtraLight { font-weight: 200; }

.MiSans-Light { font-weight: 250; }

.MiSans-Normal { font-weight: 305; }

.MiSans-Regular { font-weight: 330; }

.MiSans-Medium, .md-prod-compare .table .td:first-child { font-weight: 380; }

.MiSans-DemiBold, .md-about-5 .hd .item.on { font-weight: 450; }

.MiSans-SemiBold { font-weight: 520; }

.MiSans-Bold { font-weight: 630; }

.MiSans-Heavy { font-weight: 700; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.oh { overflow: hidden; }

.pointer { cursor: pointer; }

.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }

.color-theme { color: #36b4e5; }

.bg-theme { background-color: #36b4e5; }

.color-gray { color: #f1f4fb; }

.bg-gray { background-color: #f1f4fb; }

.color-0 { color: #000; }

.bg-0 { background-color: #000; }

.color-1 { color: #111; }

.bg-1 { background-color: #111; }

.color-2 { color: #222; }

.bg-2 { background-color: #222; }

.color-3 { color: #333; }

.bg-3 { background-color: #333; }

.color-4 { color: #444; }

.bg-4 { background-color: #444; }

.color-5 { color: #555; }

.bg-5 { background-color: #555; }

.color-6 { color: #666; }

.bg-6 { background-color: #666; }

.color-7 { color: #777; }

.bg-7 { background-color: #777; }

.color-8 { color: #888; }

.bg-8 { background-color: #888; }

.color-9 { color: #999; }

.bg-9 { background-color: #999; }

.color-a { color: #aaa; }

.bg-a { background-color: #aaa; }

.color-b { color: #bbb; }

.bg-b { background-color: #bbb; }

.color-c { color: #ccc; }

.bg-c { background-color: #ccc; }

.color-d { color: #ddd; }

.bg-d { background-color: #ddd; }

.color-e { color: #eee; }

.bg-e { background-color: #eee; }

.color-f { color: #fff; }

.bg-f { background-color: #fff; }

.color-title { color: #131313; }

.ep1 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.ep2 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ep3 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.ep4 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.ep5 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.ep6 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }

.ep7 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }

.ep8 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }

.ep9 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; }

.s0 { font-size: 0; }

@media (min-width: 1921px) { .s12 { font-size: 0.12rem; }
  .s13 { font-size: 0.13rem; }
  .s14 { font-size: 0.14rem; }
  .s15 { font-size: 0.15rem; }
  .s16 { font-size: 0.16rem; }
  .s17 { font-size: 0.17rem; }
  .s18 { font-size: 0.18rem; }
  .s19 { font-size: 0.19rem; }
  .s20 { font-size: 0.2rem; }
  .s21 { font-size: 0.21rem; }
  .s22 { font-size: 0.22rem; }
  .s23 { font-size: 0.23rem; }
  .s24 { font-size: 0.24rem; }
  .s25 { font-size: 0.25rem; }
  .s26 { font-size: 0.26rem; }
  .s27 { font-size: 0.27rem; }
  .s28 { font-size: 0.28rem; }
  .s29 { font-size: 0.29rem; }
  .s30 { font-size: 0.3rem; }
  .s31 { font-size: 0.31rem; }
  .s32 { font-size: 0.32rem; }
  .s33 { font-size: 0.33rem; }
  .s34 { font-size: 0.34rem; }
  .s35 { font-size: 0.35rem; }
  .s36 { font-size: 0.36rem; }
  .s37 { font-size: 0.37rem; }
  .s38 { font-size: 0.38rem; }
  .s39 { font-size: 0.39rem; }
  .s40 { font-size: 0.4rem; }
  .s41 { font-size: 0.41rem; }
  .s42 { font-size: 0.42rem; }
  .s43 { font-size: 0.43rem; }
  .s44 { font-size: 0.44rem; }
  .s45 { font-size: 0.45rem; }
  .s46 { font-size: 0.46rem; }
  .s47 { font-size: 0.47rem; }
  .s48 { font-size: 0.48rem; }
  .s49 { font-size: 0.49rem; }
  .s50 { font-size: 0.5rem; }
  .s51 { font-size: 0.51rem; }
  .s52 { font-size: 0.52rem; }
  .s53 { font-size: 0.53rem; }
  .s54 { font-size: 0.54rem; }
  .s55 { font-size: 0.55rem; }
  .s56 { font-size: 0.56rem; }
  .s57 { font-size: 0.57rem; }
  .s58 { font-size: 0.58rem; }
  .s59 { font-size: 0.59rem; }
  .s60 { font-size: 0.6rem; }
  .s61 { font-size: 0.61rem; }
  .s62 { font-size: 0.62rem; }
  .s63 { font-size: 0.63rem; }
  .s64 { font-size: 0.64rem; }
  .s65 { font-size: 0.65rem; }
  .s66 { font-size: 0.66rem; }
  .s67 { font-size: 0.67rem; }
  .s68 { font-size: 0.68rem; }
  .s69 { font-size: 0.69rem; }
  .s70 { font-size: 0.7rem; }
  .s71 { font-size: 0.71rem; }
  .s72 { font-size: 0.72rem; }
  .s73 { font-size: 0.73rem; }
  .s74 { font-size: 0.74rem; }
  .s75 { font-size: 0.75rem; }
  .s76 { font-size: 0.76rem; }
  .s77 { font-size: 0.77rem; }
  .s78 { font-size: 0.78rem; }
  .s79 { font-size: 0.79rem; }
  .s80 { font-size: 0.8rem; }
  .s81 { font-size: 0.81rem; }
  .s82 { font-size: 0.82rem; }
  .s83 { font-size: 0.83rem; }
  .s84 { font-size: 0.84rem; }
  .s85 { font-size: 0.85rem; }
  .s86 { font-size: 0.86rem; }
  .s87 { font-size: 0.87rem; }
  .s88 { font-size: 0.88rem; }
  .s89 { font-size: 0.89rem; }
  .s90 { font-size: 0.9rem; }
  .s91 { font-size: 0.91rem; }
  .s92 { font-size: 0.92rem; }
  .s93 { font-size: 0.93rem; }
  .s94 { font-size: 0.94rem; }
  .s95 { font-size: 0.95rem; }
  .s96 { font-size: 0.96rem; }
  .s97 { font-size: 0.97rem; }
  .s98 { font-size: 0.98rem; }
  .s99 { font-size: 0.99rem; }
  .s100 { font-size: 1rem; } }

@media (max-width: 1920px) and (min-width: 551px) { .s12 { font-size: 12px; }
  .s13 { font-size: calc(12px + 1 * 100vw / 1920); }
  .s14 { font-size: calc(12px + 2 * 100vw / 1920); }
  .s15 { font-size: calc(12px + 3 * 100vw / 1920); }
  .s16 { font-size: calc(12px + 4 * 100vw / 1920); }
  .s17 { font-size: calc(12px + 5 * 100vw / 1920); }
  .s18 { font-size: calc(12px + 6 * 100vw / 1920); }
  .s19 { font-size: calc(12px + 7 * 100vw / 1920); }
  .s20 { font-size: calc(12px + 8 * 100vw / 1920); }
  .s21 { font-size: calc(12px + 9 * 100vw / 1920); }
  .s22 { font-size: calc(12px + 10 * 100vw / 1920); }
  .s23 { font-size: calc(12px + 11 * 100vw / 1920); }
  .s24 { font-size: calc(12px + 12 * 100vw / 1920); }
  .s25 { font-size: calc(12px + 13 * 100vw / 1920); }
  .s26 { font-size: calc(12px + 14 * 100vw / 1920); }
  .s27 { font-size: calc(12px + 15 * 100vw / 1920); }
  .s28 { font-size: calc(12px + 16 * 100vw / 1920); }
  .s29 { font-size: calc(12px + 17 * 100vw / 1920); }
  .s30 { font-size: calc(12px + 18 * 100vw / 1920); }
  .s31 { font-size: calc(12px + 19 * 100vw / 1920); }
  .s32 { font-size: calc(12px + 20 * 100vw / 1920); }
  .s33 { font-size: calc(12px + 21 * 100vw / 1920); }
  .s34 { font-size: calc(12px + 22 * 100vw / 1920); }
  .s35 { font-size: calc(12px + 23 * 100vw / 1920); }
  .s36 { font-size: calc(12px + 24 * 100vw / 1920); }
  .s37 { font-size: calc(12px + 25 * 100vw / 1920); }
  .s38 { font-size: calc(12px + 26 * 100vw / 1920); }
  .s39 { font-size: calc(12px + 27 * 100vw / 1920); }
  .s40 { font-size: calc(12px + 28 * 100vw / 1920); }
  .s41 { font-size: calc(12px + 29 * 100vw / 1920); }
  .s42 { font-size: calc(12px + 30 * 100vw / 1920); }
  .s43 { font-size: calc(12px + 31 * 100vw / 1920); }
  .s44 { font-size: calc(12px + 32 * 100vw / 1920); }
  .s45 { font-size: calc(12px + 33 * 100vw / 1920); }
  .s46 { font-size: calc(12px + 34 * 100vw / 1920); }
  .s47 { font-size: calc(12px + 35 * 100vw / 1920); }
  .s48 { font-size: calc(12px + 36 * 100vw / 1920); }
  .s49 { font-size: calc(12px + 37 * 100vw / 1920); }
  .s50 { font-size: calc(12px + 38 * 100vw / 1920); }
  .s51 { font-size: calc(12px + 39 * 100vw / 1920); }
  .s52 { font-size: calc(12px + 40 * 100vw / 1920); }
  .s53 { font-size: calc(12px + 41 * 100vw / 1920); }
  .s54 { font-size: calc(12px + 42 * 100vw / 1920); }
  .s55 { font-size: calc(12px + 43 * 100vw / 1920); }
  .s56 { font-size: calc(12px + 44 * 100vw / 1920); }
  .s57 { font-size: calc(12px + 45 * 100vw / 1920); }
  .s58 { font-size: calc(12px + 46 * 100vw / 1920); }
  .s59 { font-size: calc(12px + 47 * 100vw / 1920); }
  .s60 { font-size: calc(12px + 48 * 100vw / 1920); }
  .s61 { font-size: calc(12px + 49 * 100vw / 1920); }
  .s62 { font-size: calc(12px + 50 * 100vw / 1920); }
  .s63 { font-size: calc(12px + 51 * 100vw / 1920); }
  .s64 { font-size: calc(12px + 52 * 100vw / 1920); }
  .s65 { font-size: calc(12px + 53 * 100vw / 1920); }
  .s66 { font-size: calc(12px + 54 * 100vw / 1920); }
  .s67 { font-size: calc(12px + 55 * 100vw / 1920); }
  .s68 { font-size: calc(12px + 56 * 100vw / 1920); }
  .s69 { font-size: calc(12px + 57 * 100vw / 1920); }
  .s70 { font-size: calc(12px + 58 * 100vw / 1920); }
  .s71 { font-size: calc(12px + 59 * 100vw / 1920); }
  .s72 { font-size: calc(12px + 60 * 100vw / 1920); }
  .s73 { font-size: calc(12px + 61 * 100vw / 1920); }
  .s74 { font-size: calc(12px + 62 * 100vw / 1920); }
  .s75 { font-size: calc(12px + 63 * 100vw / 1920); }
  .s76 { font-size: calc(12px + 64 * 100vw / 1920); }
  .s77 { font-size: calc(12px + 65 * 100vw / 1920); }
  .s78 { font-size: calc(12px + 66 * 100vw / 1920); }
  .s79 { font-size: calc(12px + 67 * 100vw / 1920); }
  .s80 { font-size: calc(12px + 68 * 100vw / 1920); }
  .s81 { font-size: calc(12px + 69 * 100vw / 1920); }
  .s82 { font-size: calc(12px + 70 * 100vw / 1920); }
  .s83 { font-size: calc(12px + 71 * 100vw / 1920); }
  .s84 { font-size: calc(12px + 72 * 100vw / 1920); }
  .s85 { font-size: calc(12px + 73 * 100vw / 1920); }
  .s86 { font-size: calc(12px + 74 * 100vw / 1920); }
  .s87 { font-size: calc(12px + 75 * 100vw / 1920); }
  .s88 { font-size: calc(12px + 76 * 100vw / 1920); }
  .s89 { font-size: calc(12px + 77 * 100vw / 1920); }
  .s90 { font-size: calc(12px + 78 * 100vw / 1920); }
  .s91 { font-size: calc(12px + 79 * 100vw / 1920); }
  .s92 { font-size: calc(12px + 80 * 100vw / 1920); }
  .s93 { font-size: calc(12px + 81 * 100vw / 1920); }
  .s94 { font-size: calc(12px + 82 * 100vw / 1920); }
  .s95 { font-size: calc(12px + 83 * 100vw / 1920); }
  .s96 { font-size: calc(12px + 84 * 100vw / 1920); }
  .s97 { font-size: calc(12px + 85 * 100vw / 1920); }
  .s98 { font-size: calc(12px + 86 * 100vw / 1920); }
  .s99 { font-size: calc(12px + 87 * 100vw / 1920); }
  .s100 { font-size: calc(12px + 88 * 100vw / 1920); } }

@media (max-width: 550px) { .s12 { font-size: 12px; }
  .s13 { font-size: calc(12px + 1 * 550px / 1920); }
  .s14 { font-size: calc(12px + 2 * 550px / 1920); }
  .s15 { font-size: calc(12px + 3 * 550px / 1920); }
  .s16 { font-size: calc(12px + 4 * 550px / 1920); }
  .s17 { font-size: calc(12px + 5 * 550px / 1920); }
  .s18 { font-size: calc(12px + 6 * 550px / 1920); }
  .s19 { font-size: calc(12px + 7 * 550px / 1920); }
  .s20 { font-size: calc(12px + 8 * 550px / 1920); }
  .s21 { font-size: calc(12px + 9 * 550px / 1920); }
  .s22 { font-size: calc(12px + 10 * 550px / 1920); }
  .s23 { font-size: calc(12px + 11 * 550px / 1920); }
  .s24 { font-size: calc(12px + 12 * 550px / 1920); }
  .s25 { font-size: calc(12px + 13 * 550px / 1920); }
  .s26 { font-size: calc(12px + 14 * 550px / 1920); }
  .s27 { font-size: calc(12px + 15 * 550px / 1920); }
  .s28 { font-size: calc(12px + 16 * 550px / 1920); }
  .s29 { font-size: calc(12px + 17 * 550px / 1920); }
  .s30 { font-size: calc(12px + 18 * 550px / 1920); }
  .s31 { font-size: calc(12px + 19 * 550px / 1920); }
  .s32 { font-size: calc(12px + 20 * 550px / 1920); }
  .s33 { font-size: calc(12px + 21 * 550px / 1920); }
  .s34 { font-size: calc(12px + 22 * 550px / 1920); }
  .s35 { font-size: calc(12px + 23 * 550px / 1920); }
  .s36 { font-size: calc(12px + 24 * 550px / 1920); }
  .s37 { font-size: calc(12px + 25 * 550px / 1920); }
  .s38 { font-size: calc(12px + 26 * 550px / 1920); }
  .s39 { font-size: calc(12px + 27 * 550px / 1920); }
  .s40 { font-size: calc(12px + 28 * 550px / 1920); }
  .s41 { font-size: calc(12px + 29 * 550px / 1920); }
  .s42 { font-size: calc(12px + 30 * 550px / 1920); }
  .s43 { font-size: calc(12px + 31 * 550px / 1920); }
  .s44 { font-size: calc(12px + 32 * 550px / 1920); }
  .s45 { font-size: calc(12px + 33 * 550px / 1920); }
  .s46 { font-size: calc(12px + 34 * 550px / 1920); }
  .s47 { font-size: calc(12px + 35 * 550px / 1920); }
  .s48 { font-size: calc(12px + 36 * 550px / 1920); }
  .s49 { font-size: calc(12px + 37 * 550px / 1920); }
  .s50 { font-size: calc(12px + 38 * 550px / 1920); }
  .s51 { font-size: calc(12px + 39 * 550px / 1920); }
  .s52 { font-size: calc(12px + 40 * 550px / 1920); }
  .s53 { font-size: calc(12px + 41 * 550px / 1920); }
  .s54 { font-size: calc(12px + 42 * 550px / 1920); }
  .s55 { font-size: calc(12px + 43 * 550px / 1920); }
  .s56 { font-size: calc(12px + 44 * 550px / 1920); }
  .s57 { font-size: calc(12px + 45 * 550px / 1920); }
  .s58 { font-size: calc(12px + 46 * 550px / 1920); }
  .s59 { font-size: calc(12px + 47 * 550px / 1920); }
  .s60 { font-size: calc(12px + 48 * 550px / 1920); }
  .s61 { font-size: calc(12px + 49 * 550px / 1920); }
  .s62 { font-size: calc(12px + 50 * 550px / 1920); }
  .s63 { font-size: calc(12px + 51 * 550px / 1920); }
  .s64 { font-size: calc(12px + 52 * 550px / 1920); }
  .s65 { font-size: calc(12px + 53 * 550px / 1920); }
  .s66 { font-size: calc(12px + 54 * 550px / 1920); }
  .s67 { font-size: calc(12px + 55 * 550px / 1920); }
  .s68 { font-size: calc(12px + 56 * 550px / 1920); }
  .s69 { font-size: calc(12px + 57 * 550px / 1920); }
  .s70 { font-size: calc(12px + 58 * 550px / 1920); }
  .s71 { font-size: calc(12px + 59 * 550px / 1920); }
  .s72 { font-size: calc(12px + 60 * 550px / 1920); }
  .s73 { font-size: calc(12px + 61 * 550px / 1920); }
  .s74 { font-size: calc(12px + 62 * 550px / 1920); }
  .s75 { font-size: calc(12px + 63 * 550px / 1920); }
  .s76 { font-size: calc(12px + 64 * 550px / 1920); }
  .s77 { font-size: calc(12px + 65 * 550px / 1920); }
  .s78 { font-size: calc(12px + 66 * 550px / 1920); }
  .s79 { font-size: calc(12px + 67 * 550px / 1920); }
  .s80 { font-size: calc(12px + 68 * 550px / 1920); }
  .s81 { font-size: calc(12px + 69 * 550px / 1920); }
  .s82 { font-size: calc(12px + 70 * 550px / 1920); }
  .s83 { font-size: calc(12px + 71 * 550px / 1920); }
  .s84 { font-size: calc(12px + 72 * 550px / 1920); }
  .s85 { font-size: calc(12px + 73 * 550px / 1920); }
  .s86 { font-size: calc(12px + 74 * 550px / 1920); }
  .s87 { font-size: calc(12px + 75 * 550px / 1920); }
  .s88 { font-size: calc(12px + 76 * 550px / 1920); }
  .s89 { font-size: calc(12px + 77 * 550px / 1920); }
  .s90 { font-size: calc(12px + 78 * 550px / 1920); }
  .s91 { font-size: calc(12px + 79 * 550px / 1920); }
  .s92 { font-size: calc(12px + 80 * 550px / 1920); }
  .s93 { font-size: calc(12px + 81 * 550px / 1920); }
  .s94 { font-size: calc(12px + 82 * 550px / 1920); }
  .s95 { font-size: calc(12px + 83 * 550px / 1920); }
  .s96 { font-size: calc(12px + 84 * 550px / 1920); }
  .s97 { font-size: calc(12px + 85 * 550px / 1920); }
  .s98 { font-size: calc(12px + 86 * 550px / 1920); }
  .s99 { font-size: calc(12px + 87 * 550px / 1920); }
  .s100 { font-size: calc(12px + 88 * 550px / 1920); } }

.bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

.bg-contain { background-position: center; background-repeat: no-repeat; background-size: contain; }

.layout { margin-left: auto; margin-right: auto; width: 16rem; }

@media (max-width: 900px) { .layout { width: 90%; } }

.noscroll { overflow: hidden; }

.c-video { position: fixed; left: 0; top: 120%; z-index: 10000000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; }

.c-video.show { top: 0; display: block; }

.c-video__main { width: 70%; position: absolute; left: 0; right: 0; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.c-video__cnt { padding-top: calc(1080 / 1920 * 100%); position: relative; background: #000; }

.c-video__iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.c-video__video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }

.c-video__close { display: block; cursor: pointer; width: 40px; height: 40px; background-color: #36b4e5; position: absolute; right: -40px; top: 0; z-index: 1000; }

.c-video__close .icon { display: block; width: 100%; height: 100%; font-size: 21px; text-align: center; line-height: 40px; color: #fff; }

@media (max-width: 800px) { .c-video__main { width: 100%; height: 100%; }
  .c-video__cnt { height: 100%; }
  .c-video__close { right: 0; } }

.editor * { max-width: 100%; text-wrap: wrap !important; }

.editor img { height: auto; vertical-align: top; }

.editor table { word-break: break-all; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-left { text-align: right; }

.c-pic { overflow: hidden; }

.c-pic .img { -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }

.c-pic .img img { display: none; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flex-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.c-select { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 2.84rem; }

.c-select input, .c-select select { display: none; }

.c-select__hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: .36rem; min-height: 30px; padding: 0 .13rem; background-color: #ffffff; border-radius: .06rem; border: solid 1px #e5e5e5; cursor: pointer; }

.c-select__hd span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.c-select__hd .icon { margin-left: .1rem; width: .07rem; height: .13rem; min-width: 7px; min-height: 13px; color: #999; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.c-select__bd { position: absolute; left: 0; top: 100%; z-index: 20; width: 100%; background-color: #fff; display: none; max-height: 10rem; overflow: auto; border: 1px solid #e5e5e5; }

.c-select__option { padding: .5em .13rem; cursor: pointer; }

.c-select__option:hover { background-color: rgba(54, 180, 229, 0.8); color: #fff; }

.c-select__option.on { background-color: #36b4e5; color: #fff; }

.c-select.show .c-select__hd .icon { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.c-select.show .c-select__bd { display: block; }

@media (min-width: 901px) { .hidden-pc { display: none; } }

@media (max-width: 900px) { .hidden-wap { display: none; } }

.c-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.c-pagination .item { min-width: .6rem; height: .6rem; line-height: .58rem; border-radius: .6rem; text-align: center; margin: 0 .2rem 0 0; border: solid 1px #ccc; padding: 0 .5em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.c-pagination .item svg { width: 0.2rem; height: 0.2rem; min-width: 10px; min-height: 10px; vertical-align: middle; }

.c-pagination .item:last-of-type { margin-right: 0; }

.c-pagination .item:hover { color: #36b4e5; border-color: #36b4e5; }

.c-pagination .item.on { background-color: #36b4e5; color: #fff; border-color: #36b4e5; pointer-events: none; }

.c-pagination .item.disabled { pointer-events: none; }

.c-pagination .prev:hover { background-color: #36b4e5; color: #fff; }

.c-pagination .next:hover { background-color: #36b4e5; color: #fff; }

@media (max-width: 1200px) { .c-pagination .item { min-width: 30px; height: 30px; line-height: 30px; } }

.md-ban { position: relative; }

.md-ban .img { display: block; width: 100%; }

.md-ban .text { position: absolute; left: 0; top: 39.9%; width: 100%; }

.md-ban .desc { margin-top: .17rem; }

@media (max-width: 500px) { .md-ban .img { aspect-ratio: 5/3; -o-object-fit: cover; object-fit: cover; } }

.md-route { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1rem; }

.md-route .icon { width: .2rem; min-width: 16px; height: .18rem; min-height: 16px; margin-right: .1rem; }

.md-route a:hover { text-decoration: underline; color: #36b4e5; }

.md-route i { margin: 0 .3em; }

.md-subnav .li { line-height: 1rem; width: auto; position: relative; margin-right: .97rem; }

.md-subnav .li:last-of-type { margin-right: 0; }

.md-subnav .li:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 100%; height: .03rem; background: #36b4e5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 0; }

.md-subnav .li.on, .md-subnav .li:hover { color: #36b4e5; }

.md-subnav .li.on:after, .md-subnav .li:hover:after { width: 100%; left: 0; }

.md-navbar { position: relative; border-top: 1px solid #e2e2e2; }

.md-navbar .layout { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-navbar:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e2e2e2; }

.md-navbar .md-subnav { margin-left: auto; }

.md-navbar .back { height: 1rem; }

.md-navbar .back svg { width: .14rem; height: .14rem; min-width: 10px; min-height: 10px; margin-left: .1rem; }

.md-navbar .back:hover { color: #36b4e5; }

@media (max-width: 900px) { .md-navbar .layout { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-navbar .md-route { width: 100%; margin-left: auto; }
  .md-navbar .md-subnav { width: 100%; }
  .md-navbar .md-subnav .li { margin-right: .4rem; } }

.c-img-full { font-size: 0; }

.c-img-full img { width: 100%; }

.social-share .icon-wechat .wechat-qrcode { z-index: 100; }

.svg-btn { width: .6rem; height: 0.6rem; min-width: 30px; min-height: 30px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; border: none; outline: none; background: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; }

.svg-btn svg { width: .2rem; height: .2rem; min-width: 12px; min-height: 12px; }

.svg-btn.swiper-button-disabled { cursor: auto; }

.svg-btn:active:not(.swiper-button-disabled) { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.c-scroll::-webkit-scrollbar { width: 2px; height: 2px; background-color: #ccc; }

.c-scroll::-webkit-scrollbar-thumb { background-color: #36b4e5; }

.c-title .t2 { letter-spacing: -1px; margin-top: .09rem; line-height: calc(42 / 36 * 1em); }

@media (max-width: 500px) { .c-title .t1 { font-size: 13px; }
  .c-title .t2 { font-size: 15px; } }

input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #999; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; -ms-flex-negative: 0; flex-shrink: 0; }

input[type=radio]:checked { border-color: #36b4e5; position: relative; }

input[type=radio]:checked:after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #36b4e5; }

.m-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1.8rem; padding: 0 .2rem; height: .6rem; min-height: 34px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #36b4e5; color: #fff; }

.m-more svg { width: .2rem; height: .2rem; min-width: 16px; min-height: 16px; margin-left: .1rem; }

.m-more:hover { background-color: #2b90b7; }

.icon-more { width: .2rem; height: .12rem; min-width: 1em; min-height: 1em; }

[data-ani] { opacity: 0; }

.ani { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

[data-ani-delay='100'] { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

[data-ani-delay='200'] { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

[data-ani-delay='300'] { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

[data-ani-delay='400'] { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

[data-ani-delay='500'] { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

[data-ani-delay='600'] { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

[data-ani-delay='700'] { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

[data-ani-delay='800'] { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

[data-ani-delay='900'] { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

[data-ani-delay='1000'] { -webkit-animation-delay: 1s; animation-delay: 1s; }

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

[data-ani=fade-in].ani { -webkit-animation-name: fade-in; animation-name: fade-in; }

@-webkit-keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-up].ani { -webkit-animation-name: fade-up; animation-name: fade-up; }

@-webkit-keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-down].ani { -webkit-animation-name: fade-down; animation-name: fade-down; }

@-webkit-keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-left].ani { -webkit-animation-name: fade-left; animation-name: fade-left; }

@-webkit-keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-right].ani { -webkit-animation-name: fade-right; animation-name: fade-right; }

@-webkit-keyframes zoom-in { from { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  to { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes zoom-in { from { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  to { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

[data-ani=zoom-in].ani { -webkit-animation-name: zoom-in; animation-name: zoom-in; }

[data-original] { min-height: 10px; }

@-webkit-keyframes mouse-move { 0% { margin-bottom: 0; }
  100% { margin-bottom: .1rem; } }

@keyframes mouse-move { 0% { margin-bottom: 0; }
  100% { margin-bottom: .1rem; } }

@-webkit-keyframes turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes slide-right { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes slide-right { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

/* 头部 */
.md-header { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; background-color: #fff; color: #333; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-box-shadow: 0 0 .05rem 0 #eee; box-shadow: 0 0 .05rem 0 #eee; }

.md-header .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 .6rem; }

.md-header .logo { line-height: 0.9rem; }

.md-header .logo img { vertical-align: middle; max-height: 0.54rem; }

.md-header .rg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-header .nav-btn { display: none; position: relative; z-index: 12; width: 32px; padding: 5px; margin-left: .2rem; }

.md-header .nav-btn span { display: block; height: 2px; background: #333; margin-bottom: 6px; border-radius: 2px; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; }

.md-header .nav-btn span:last-child { margin-bottom: 0; }

.md-header .link { display: block; min-width: 1.1rem; line-height: calc(36 / 16 * 1em); border-radius: .36rem; padding: 0 .2rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-left: 0.24rem; text-align: center; }

.md-header .link:hover { background-color: #2b90b7; }

.md-header .search-btn { padding: .08rem; border-radius: .36rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 0; }

.md-header .search-btn img { width: .2rem; min-width: 18px; vertical-align: top; }

.md-header .search-btn svg { width: .2rem; height: .2rem; min-width: 16px; min-height: 16px; }

.md-header .search-btn:hover { background-color: #36b4e5; color: #fff; }

.md-header .h-lang { position: relative; margin-left: .27rem; }

.md-header .h-lang .hd { padding: .08rem 0; }

.md-header .h-lang .hd .i1 { width: .18rem; min-width: 18px; }

.md-header .h-lang .hd .i2 { width: .11rem; min-width: 11px; }

.md-header .h-lang .hd .t1 { margin: 0 .06rem; }

.md-header .h-lang .bd { position: absolute; right: 0; top: 100%; width: 6em; background: #fff; color: #333; text-align: center; display: none; }

.md-header .h-lang .bd a { display: block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: .6em .5em; }

.md-header .h-lang .bd a:hover { background: #36b4e5; color: #fff; }

.md-header .h-lang:hover .bd { display: block; }

@media (min-width: 1099px) { .md-header .logo { margin-right: .8rem; }
  .md-header .nav .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .md-header .nav .li1 { position: relative; }
  .md-header .nav .li1:last-child .a1:before { display: none; }
  .md-header .nav .li1.on .a1 { color: #36b4e5; }
  .md-header .nav .li1.on .a1:after { width: 100%; }
  .md-header .nav .li1:hover .a1 { color: #36b4e5; }
  .md-header .nav .li1:hover .ul2 { display: block; }
  .md-header .nav .li1:hover .nav-prod-panel + .ul2 { display: none; }
  .md-header .nav .a1 { display: block; position: relative; line-height: 0.9rem; padding: 0 .34rem; }
  .md-header .nav .a1:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: .03rem; background: #36b4e5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 0; }
  .md-header .nav .a1:before { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: .19rem; background: #ccc; }
  .md-header .nav .ul2 { display: none; position: absolute; left: 50%; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 15em; min-width: 10em; background: #fff; color: #000; text-align: center; -webkit-box-shadow: 0 0 .05rem 0 #eee; box-shadow: 0 0 .05rem 0 #eee; } }

@media all and (min-width: 1099px) and (-ms-high-contrast: none), (min-width: 1099px) and (-ms-high-contrast: active) { .md-header .nav .ul2 { width: 15em; } }

@media (min-width: 1099px) { .md-header .nav .a2 { display: block; padding: .7em .5em; }
  .md-header .nav .a2:hover { background-color: #36b4e5; color: #fff; } }

@media (max-width: 1100px) { .md-header .content { padding: 0 2%; }
  .md-header .nav-btn { display: block; }
  .md-header .nav .ul1 { position: fixed; right: 0; top: 0; z-index: 11; width: 80%; max-width: 300px; height: 100%; padding-top: 0.9rem; background: #fff; color: #000; overflow-y: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); display: block; }
  .md-header .nav .li1 { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav .li1:first-of-type { border-top: 1px dashed rgba(0, 0, 0, 0.2); }
  .md-header .nav .li1.show .ul2 { display: block; }
  .md-header .nav .li1.show .mbtn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md-header .nav .a1-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px 5px 15px; }
  .md-header .nav .a1 { display: block; padding: 10px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .md-header .nav .mbtn { width: 30px; height: 30px; background: url(../images/i-cor-2.png) no-repeat center; margin-left: 20px; }
  .md-header .nav .ul2 { display: none; }
  .md-header .nav .li2 { border-top: 1px dashed rgba(0, 0, 0, 0.1); }
  .md-header .nav .a2 { display: block; padding: 13px 10px 13px 30px; }
  .md-header .nav .mask { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: none; }
  .md-header .nav .nav-prod-panel { display: none !important; }
  .md-header .rg { margin-left: auto; }
  .md-header .link { line-height: 2; }
  .md-header.open .nav-btn span { background-color: #000; }
  .md-header.open .nav-btn span:nth-of-type(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .md-header.open .nav-btn span:nth-of-type(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .md-header.open .nav-btn span:nth-of-type(2) { width: 0; }
  .md-header.open .nav { margin: 0; }
  .md-header.open .nav .ul1 { visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .md-header.open .nav .li1 { margin-right: 0; }
  .md-header.open .nav .mask { display: block; } }

@media (max-width: 500px) { .md-header .search-btn { margin-left: 10px; }
  .md-header .h-lang { margin-left: 10px; }
  .md-header .h-lang .t1 { font-size: 0; }
  .md-header .h-lang .i2 { display: none; } }

/* 搜索 */
.md-search .mask { position: fixed; left: 0; right: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: none; }

.md-search .main { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; visibility: hidden; background: #fff; padding: .5rem 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-search .form { width: 6rem; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #999; padding-bottom: .1rem; }

.md-search .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; font-size: inherit; }

.md-search .form .btn { border: none; background: #36b4e5; height: .5rem; width: .5rem; min-width: 40px; min-height: 40px; border-radius: 50%; cursor: pointer; font-size: 0; }

.md-search .form .btn img { width: .23rem; min-width: 20px; }

.md-search.show .main { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; }

.md-search.show .mask { display: block; }

@media (max-width: 1920px) { .md-search .form { width: 600px; max-width: 90%; } }

.nav-prod { position: static !important; }

.nav-prod-panel { position: absolute; left: 0; top: 100%; z-index: 10; max-height: 80vh; overflow-y: auto; width: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(4.6rem, #f3f3f3), color-stop(4.6rem, #fff)); background: -o-linear-gradient(left, #f3f3f3 4.6rem, #fff 4.6rem); background: linear-gradient(to right, #f3f3f3 4.6rem, #fff 4.6rem); border-top: 1px solid #e2e2e2; display: none; -webkit-box-shadow: 0 0 .05rem 0 #eee; box-shadow: 0 0 .05rem 0 #eee; }

.nav-prod-panel .pp { display: -webkit-box; display: -ms-flexbox; display: flex; }

.nav-prod-panel .pp-lf { width: 4.6rem; padding-left: 1.6rem; padding-top: .6rem; padding-bottom: .6rem; }

.nav-prod-panel .pp-rg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .6rem; padding-top: .6rem; padding-right: 1.6rem; padding-bottom: 0.3rem; }

.nav-prod-panel .pp-goods { width: 3.2rem; margin-left: auto; }

.nav-prod-panel .cate-1 { display: block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; line-height: 1.5; padding: .917em; }

.nav-prod-panel .cate-1.on { background: #fff; position: relative; border-left: 0.04rem solid #36b4e5; padding-left: .26rem; color: #36b4e5; }

.nav-prod-panel .cate-1-data { display: none; }

.nav-prod-panel .cate-1-data.on { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.nav-prod-panel .cate-2 { display: block; width: 1.8rem; min-width: 10em; margin-right: .46rem; margin-bottom: .36rem; }

.nav-prod-panel .cate-2:last-of-type { margin-bottom: 0; }

.nav-prod-panel .cate-2-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.nav-prod-panel .cate-2-tit { display: block; border-bottom: 1px solid #e2e2e2; padding-bottom: 0.08rem; line-height: calc(40 / 18 * 1em); }

.nav-prod-panel .prod { display: block; margin-bottom: .11rem; }

.nav-prod-panel .prod-list { line-height: 1.5; margin-top: .17rem; }

.nav-prod-panel .prod.on { color: #36b4e5; }

.nav-prod-panel .goods-item { display: none; padding-top: .2rem; padding-bottom: .2rem; border: solid 1px #eeeeee; }

.nav-prod-panel .goods-item .c-pic { margin-left: .19rem; margin-right: .19rem; }

.nav-prod-panel .goods-item .img { padding-top: calc(225 / 280 * 100%); }

.nav-prod-panel .goods-item .text { padding-left: .18rem; padding-top: .26rem; }

.nav-prod-panel .goods-item .desc { line-height: 1.5; margin-top: .12rem; }

.nav-prod-panel .goods-item .desc p { margin-bottom: .07rem; }

.nav-prod-panel .goods-item .more { display: inline-block; text-align: center; line-height: calc(40 / 14 * 1em); min-width: 1.2rem; padding: 0 1em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-top: .18rem; }

.nav-prod-panel .goods-item:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.nav-prod-panel .goods-item:hover .tit { color: #36b4e5; }

.nav-prod-panel .goods-item:hover .more { background-color: #2b90b7; }

.md-footer { background-color: #1c1d1f; }

.md-footer a:hover { text-decoration: underline; color: #fff; }

.md-footer .foot-1 { min-height: 4.19rem; padding-top: .97rem; padding-bottom: .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-footer .foot-1 .col-1 { width: calc(300 / 1600 * 100%); margin-top: .03rem; }

.md-footer .logo img { max-width: 100%; vertical-align: top; }

.md-footer .logo + .nav { margin-top: .3rem; }

.md-footer .share { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .48rem; }

.md-footer .share .item { position: relative; margin-right: .1rem; }

.md-footer .share .item:last-of-type { margin-right: 0; }

.md-footer .share .item:hover .icon { background: #36b4e5; }

.md-footer .share .item:hover .pop { display: block; }

.md-footer .share .icon { display: block; width: .4rem; height: .4rem; min-width: 30px; min-height: 30px; background: #393939; border-radius: 50%; font-size: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-footer .share .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-footer .share .pop { position: absolute; left: 50%; top: 100%; padding-top: .16rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; }

.md-footer .share .pop-cnt { padding: .05rem; background: #fff; position: relative; }

.md-footer .share .pop-cnt:before { content: ''; position: absolute; left: 50%; top: 0; border: .05rem solid transparent; border-bottom-color: #fff; margin-left: -.05rem; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.md-footer .share .pop .code { vertical-align: top; width: .92rem; min-width: 80px; }

.md-footer .nav { margin-top: .02rem; margin-left: .25rem; }

.md-footer .nav .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-footer .nav .li1 { margin-bottom: .2rem; margin-right: 1.04rem; }

.md-footer .nav .li1:last-of-type { margin-right: 0; }

.md-footer .nav .a1-wrap + .a1-wrap { margin-top: .22rem; }

.md-footer .nav .ul2 { margin-top: .22rem; color: rgba(255, 255, 255, 0.3); max-width: 9em; }

.md-footer .nav .li2 { margin-bottom: .17rem; }

.md-footer .nav .li2:last-of-type { margin-bottom: 0; }

.md-footer .contact { width: calc(410 / 1600 * 100%); }

.md-footer .contact .tel { margin-top: .21rem; }

.md-footer .contact .tel:hover { color: #36b4e5; }

.md-footer .contact .msg { margin-top: .11rem; line-height: calc(28 / 16 * 1em); }

.md-footer .foot-2 { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: .3rem 0 .6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-footer .foot-2 .lf { line-height: .52rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-footer .foot-2 .bei { margin-right: .5em; margin-left: .5em; }

.md-footer .friend-link { position: relative; width: 2.2rem; min-width: 170px; }

.md-footer .friend-link .tip { color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); height: .52rem; min-height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 .21rem; }

.md-footer .friend-link .tip img { width: .14rem; min-width: 1em; }

.md-footer .friend-link .opts { position: absolute; left: 0; bottom: 100%; z-index: 2; width: 100%; background: #222; border: 1px solid rgba(255, 255, 255, 0.5); display: none; max-height: 50vh; overflow-y: auto; color: rgba(255, 255, 255, 0.5); }

.md-footer .friend-link .opts .opt { display: block; padding: .7em 1em; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

.md-footer .friend-link .opts .opt:last-of-type { border-bottom: none; }

.md-footer .friend-link:hover .opts { display: block; }

@media (max-width: 1400px) { .md-footer .layout { width: 92%; }
  .md-footer .nav { margin-left: 0; }
  .md-footer .nav .li1 { margin-right: .5rem; } }

@media (max-width: 900px) { .md-footer .foot-1 { display: block; }
  .md-footer .foot-1 .col-1 { width: 100%; text-align: center; }
  .md-footer .foot-1 .share { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .md-footer .nav { margin-top: 20px; }
  .md-footer .nav .ul1 { display: block; }
  .md-footer .nav .li1 { margin-right: 0; margin-bottom: 10px; }
  .md-footer .nav .ul2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; max-width: none; }
  .md-footer .nav .li2 { margin-right: 2em; }
  .md-footer .contact { width: 100%; margin-top: 20px; }
  .md-footer .foot-2 { display: block; }
  .md-footer .friend-link { margin-top: .3rem; width: auto; max-width: 400px; } }

@media (max-width: 500px) { .md-footer .nav { display: none; } }

.md-side { position: fixed; right: .2rem; top: 70%; z-index: 5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-side .item { position: relative; margin-bottom: .2rem; }

.md-side .item:last-of-type { margin-bottom: 0; }

.md-side .item:hover .hd { background: #36b4e5; }

.md-side .item:hover .hd .i-b { display: none; }

.md-side .item:hover .hd .i-w { display: block; }

.md-side .item:hover .bd { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .md-side .item:hover .bd { /* IE10+ CSS styles go here */ display: block; } }

.md-side .hd { display: block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: .6rem; height: .6rem; cursor: pointer; border-radius: 50%; overflow: hidden; background: #fff; -webkit-box-shadow: 0 0 0.15rem 0 rgba(4, 55, 147, 0.15); box-shadow: 0 0 0.15rem 0 rgba(4, 55, 147, 0.15); }

.md-side .hd img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.md-side .hd .i-b { display: block; }

.md-side .hd .i-w { display: none; }

.md-side .bd { position: absolute; right: 100%; top: 0; background: #fff; min-height: 100%; padding: .1rem; border-radius: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -webkit-box-shadow: 0rem 0rem 0.57rem 0rem rgba(51, 51, 51, 0.16); box-shadow: 0rem 0rem 0.57rem 0rem rgba(51, 51, 51, 0.16); width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 200px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .md-side .bd { /* IE10+ CSS styles go here */ white-space: nowrap; max-width: none; } }

.md-side .bd img { max-width: 120px; }

@media (max-width: 500px) { .md-side { right: 0; }
  .md-side .hd { opacity: .8; } }

.md-home-banner { background: #000; }

.md-home-banner .swiper-slide { position: relative; overflow: hidden; }

.md-home-banner .swiper-slide-active .text { opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-home-banner .media { padding-top: calc(860 / 1920 * 100%); position: relative; }

.md-home-banner .media img, .md-home-banner .media video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; }

.md-home-banner .text { position: absolute; left: 0; top: 49.2%; z-index: 2; width: 100%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); opacity: 0; -webkit-transition: 0.5s .5s ease-out; -o-transition: 0.5s .5s ease-out; transition: 0.5s .5s ease-out; }

.md-home-banner .text .t1 { line-height: calc(67 / 56 * 1em); margin-bottom: .9rem; }

.md-home-banner .text .t3 { margin-top: .224rem; }

.md-home-banner .text .t4 { opacity: .5; margin-top: .05rem; }

.md-home-banner .swiper-pagination { bottom: .3rem; }

.md-home-banner .swiper-pagination-bullet { width: .16rem; height: .16rem; min-width: 10px; min-height: 10px; border-radius: 50%; background: none; opacity: 1; margin: 0 !important; border: 1px solid transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-banner .swiper-pagination-bullet:before { content: ''; width: .06rem; height: .06rem; min-width: 4px; min-height: 4px; background: #fff; border-radius: 50%; }

.md-home-banner .swiper-pagination-bullet-active { border-color: #fff; margin: 0 .04rem !important; }

@media (max-width: 900px) { 
  /* .md-home-banner .media { padding-top: 70%; } */
  .md-home-banner .text { top: 50%; }
  .md-home-banner .text .t1 { font-size: 22px; margin-bottom: .4rem; }
  .md-home-banner .text .t2 { font-size: 18px; }
  .md-home-banner .text .t3 { font-size: 16px; }
  .md-home-banner .text .t4 { font-size: 12px; } }

.md-home-prod-hot { background-color: #f7f7f7; padding-top: .97rem; padding-bottom: .79rem; }

.md-home-prod-hot .hd .c-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1em; }

.md-home-prod-hot .list { margin-top: .55rem; }

.md-home-prod-hot .list .li { background: #fff; width: calc(520 / 1600 * 100%); margin-right: calc(20 / 1600 * 100%); margin-bottom: .2rem; min-height: 2.4rem; position: relative; }

.md-home-prod-hot .list .li:nth-of-type(3n) { margin-right: 0; }

.md-home-prod-hot .list .li:hover .tit:after { width: 100%; }

.md-home-prod-hot .list .li:hover .more { color: #36b4e5; }

.md-home-prod-hot .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-prod-hot .list .text { width: calc(240 / 520 * 100%); margin-left: .3rem; padding-top: .43rem; padding-bottom: .4rem; }

.md-home-prod-hot .list .tit { border-bottom: 2px solid #f3f3f3; padding-bottom: .18rem; position: relative; }

.md-home-prod-hot .list .tit:after { content: ''; position: absolute; left: 0; bottom: -2px; width: calc(60 / 270 * 100%); height: 2px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: #36b4e5; }

.md-home-prod-hot .list .desc { margin-top: .16rem; line-height: calc(24 / 16 * 1em); }

.md-home-prod-hot .list .desc p { margin-bottom: .05rem; }

.md-home-prod-hot .list .desc p:last-of-type { margin-bottom: 0; }

.md-home-prod-hot .list .c-pic { width: calc(200 / 520 * 100%); margin: .2rem; margin-left: 0; }

.md-home-prod-hot .list .img { padding-top: 100%; }

.md-home-prod-hot .list .more { margin-top: .35rem; }

.md-home-prod-hot .list .more svg { width: .14rem; height: .12rem; min-width: 10px; min-height: 10px; margin-left: .08rem; }

.md-home-prod-hot .list .label { position: absolute; right: 0; top: 0; background: #36b4e5; min-width: .7rem; padding: 0 .5em; line-height: .3rem; text-align: center; }

.md-home-prod-hot .list .label:before { content: ''; position: absolute; left: 0; top: 0; border-width: .15rem .1rem; border-style: solid; border-color: transparent; border-right-color: #36b4e5; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

@media (max-width: 900px) { .md-home-prod-hot { position: relative; }
  .md-home-prod-hot .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-home-prod-hot .list .li { width: 49%; margin-right: 0; margin-bottom: 2%; }
  .md-home-prod-hot .list .label { line-height: 20px; }
  .md-home-prod-hot .list .label:before { border-width: 10px 5px; } }

@media (max-width: 500px) { .md-home-prod-hot .list .li { width: 100%; margin-bottom: 5%; }
  .md-home-prod-hot .list .text { width: calc(270 / 520 * 100%); } }

.md-home-prod-series { padding-top: .6rem; padding-bottom: 1rem; }

.md-home-prod-series .hd { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-home-prod-series .cate { margin: 0; margin-top: .11rem; }

.md-home-prod-series .cate-item { width: auto; padding: 0 .588rem; position: relative; }

.md-home-prod-series .cate-item .tit { display: inline-block; position: relative; padding-bottom: .1rem; line-height: 1.5; vertical-align: top; }

.md-home-prod-series .cate-item .tit:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: #36b4e5; }

.md-home-prod-series .cate-item:after { content: ''; position: absolute; right: 0; top: 0; margin: .25em 0 0; width: 1px; height: .16rem; min-height: 1em; background: #ccc; }

.md-home-prod-series .cate-item:first-child { padding-left: 0; }

.md-home-prod-series .cate-item:last-of-type:after { display: none; }

.md-home-prod-series .cate-item.on { color: #36b4e5; }

.md-home-prod-series .cate-item.on .tit:after { width: 100%; }

.md-home-prod-series .cate-item:hover { color: #36b4e5; }

.md-home-prod-series .btns .svg-btn { margin-left: .2rem; border: solid 1px #cccccc; color: #333; }

.md-home-prod-series .btns .svg-btn:hover { background: #36b4e5; color: #fff; border-color: #36b4e5; }

.md-home-prod-series .bd { margin-top: .69rem; }

.md-home-prod-series .list { display: none; }

.md-home-prod-series .list .li { border: solid 1px #eeeeee; padding: .2rem .19rem .39rem; width: 3.85rem; height: auto; }

.md-home-prod-series .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-prod-series .list .li:hover .tit { color: #36b4e5; }

.md-home-prod-series .list .li:hover .more { background-color: #36b4e5; color: #fff; }

.md-home-prod-series .list .img { padding-top: calc(225 / 345 * 100%); }

.md-home-prod-series .list .tit { line-height: 1.5; margin-top: .23rem; }

.md-home-prod-series .list .desc { line-height: 2; margin-top: .06rem; }

.md-home-prod-series .list .more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: solid 1px #36b4e5; min-width: 1.2rem; padding: 0 1em; height: .4rem; min-height: 30px; margin-top: .41rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-prod-series .list.on { display: block; -webkit-animation: fade-up 1s forwards; animation: fade-up 1s forwards; }

@media (max-width: 900px) { .md-home-prod-series .cate-item { padding: 0 10px; }
  .md-home-prod-series .list .desc { line-height: 1.6; } }

.md-home-app { padding-top: 1.18rem; padding-bottom: 1.8rem; position: relative; min-height: 9.2rem; }

.md-home-app .bg .bg-img { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.md-home-app .bg .bg-img img { display: none; }

.md-home-app .bg .bg-img.on { opacity: 1; }

.md-home-app .content { position: relative; z-index: 2; }

.md-home-app .data { width: 5.22rem; margin-left: auto; margin-top: .97rem; margin-bottom: .5rem; }

.md-home-app .data .desc { line-height: calc(30 / 16 * 1em); height: calc(30 / 16 * 4em); margin-top: .27rem; }

.md-home-app .data .m-more { margin-top: .32rem; }

.md-home-app .cate { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); text-align: center; }

.md-home-app .cate .swiper-slide { width: 3.2rem; border-left: 1px solid rgba(255, 255, 255, 0.2); min-height: 1.8rem; height: auto; padding-top: .4rem; padding-bottom: .2rem; cursor: pointer; }

.md-home-app .cate .swiper-slide:last-of-type { border-right: 1px solid rgba(255, 255, 255, 0.2); }

.md-home-app .cate .swiper-slide.on { background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 180, 229, 0.8)), to(transparent)); background: -o-linear-gradient(top, rgba(54, 180, 229, 0.8), transparent); background: linear-gradient(to bottom, rgba(54, 180, 229, 0.8), transparent); }

.md-home-app .cate .icon { height: 0.4rem; }

.md-home-app .cate .tit { margin-top: .11rem; }

@media (max-width: 900px) { .md-home-app .data { width: 100%; }
  .md-home-app .cate .swiper-slide { min-height: auto; padding: .2rem 0; }
  .md-home-app .cate .tit { font-size: 12px; } }

.md-home-about { padding-top: 1rem; }

.md-home-about .row-1 { position: relative; }

.md-home-about .row-1 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }

.md-home-about .row-1 .text { width: calc(680 / 1600 * 100%); }

.md-home-about .row-1 .c-title .t2 { margin-top: .06rem; }

.md-home-about .row-1 .desc { line-height: calc(34 / 16 * 1em); margin-top: .48rem; }

.md-home-about .row-1 .m-more { margin-top: .71rem; }

.md-home-about .row-1 .bg { position: absolute; left: .22rem; bottom: 0; z-index: 1; opacity: .1; width: 8.63rem; max-width: 100%; }

.md-home-about .media { width: calc(800 / 1600 * 100%); position: relative; }

.md-home-about .media .cover { display: block; width: 100%; }

.md-home-about .media .js-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.md-home-about .media .js-video:hover .btn-play { border-color: #36b4e5; }

.md-home-about .media .js-video:hover .btn-play svg { color: #36b4e5; }

.md-home-about .media .btn-play { border-radius: 50%; border: 2px solid #fff; width: .6rem; height: .6rem; min-width: 40px; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-about .media .btn-play svg { color: #fff; width: .4rem; height: .4rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-about .data { margin-top: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; -webkit-box-shadow: 0 0 0.17rem 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 0.17rem 0 rgba(0, 0, 0, 0.07); }

.md-home-about .data .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .3rem; min-height: 2rem; border-right: 1px solid #f3f3f3; }

.md-home-about .data .item:last-child { border-right: none; }

.md-home-about .data .icon { margin-left: auto; width: .3rem; min-width: 20px; }

.md-home-about .data .text { margin-bottom: .06rem; }

.md-home-about .data .t1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.md-home-about .data .t1 .unit { margin-bottom: .3em; }

.md-home-about .data .t2 { margin-top: .12rem; }

@media (max-width: 900px) { .md-home-about .row-1 .layout { display: block; }
  .md-home-about .row-1 .text { width: 100%; }
  .md-home-about .row-1 .desc { line-height: 1.6; }
  .md-home-about .row-1 .bg { left: 0; }
  .md-home-about .media { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: .5rem; }
  .md-home-about .data { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-home-about .data .item { -ms-flex-preferred-size: 50%; flex-basis: 50%; border-bottom: 1px solid #f3f3f3; } }

.md-home-news { margin-top: -1rem; padding-top: 2.04rem; padding-bottom: 1.15rem; background-color: #f6fbfc; background-image: url(../images/bg1.jpg); }

.md-home-news .hd .rg { margin-top: .1rem; }

.md-home-news .hd .more { margin-left: .4rem; }

.md-home-news .hd .more svg { color: #ccc; width: .2rem; height: .12rem; min-width: 14px; min-height: 10px; margin-left: .1rem; }

.md-home-news .hd .more:hover { color: #36b4e5; }

.md-home-news .hd .more:hover svg { color: #36b4e5; }

.md-home-news .bd-item { display: none; }

.md-home-news .bd-item.on { display: block; }

.md-home-news .c-title .t2 { margin-top: .05rem; }

.md-home-news .cate { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-home-news .cate-item { width: auto; padding: 0 .24rem; position: relative; }

.md-home-news .cate-item span { display: inline-block; padding: .12rem 0; position: relative; }

.md-home-news .cate-item span:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #36b4e5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-home-news .cate-item:after { content: ''; position: absolute; right: 0; top: .13rem; width: 1px; height: .15rem; min-height: 12px; background: #ccc; }

.md-home-news .cate-item:first-child { padding-left: 0; }

.md-home-news .cate-item:last-child:after { display: none; }

.md-home-news .cate-item.on, .md-home-news .cate-item:hover { color: #36b4e5; }

.md-home-news .cate-item.on span:after, .md-home-news .cate-item:hover span:after { width: 100%; }

.md-home-news .row { margin-top: .56rem; }

.md-home-news .row .lf { width: calc(700 / 1600 * 100%); -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }

.md-home-news .row .rg { width: calc(800 / 1600 * 100%); -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }

.md-home-news .c-pic { position: relative; background: #eee; }

.md-home-news .c-pic .date { position: absolute; right: 0; bottom: 0; min-width: .9rem; border-radius: .1rem 0 0 0; padding: 0 .2rem; line-height: .48rem; text-align: center; }

.md-home-news .news-1 { display: block; background: #fff; }

.md-home-news .news-1:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-news .news-1:hover .tit { color: #36b4e5; }

.md-home-news .news-1 .img { padding-top: calc(400 / 700 * 100%); }

.md-home-news .news-1 .text { padding: .39rem .5rem .61rem; }

.md-home-news .news-1 .desc { line-height: calc(28 / 16 * 1em); margin-top: .23rem; }

.md-home-news .list-2 .li { width: calc(390 / 800 * 100%); padding-bottom: .57rem; }

.md-home-news .list-2 .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-home-news .list-2 .li:hover .tit { color: #36b4e5; }

.md-home-news .list-2 .img { padding-top: calc(240 / 390 * 100%); }

.md-home-news .list-2 .tit { line-height: calc(28 / 16 * 1em); margin-top: .23rem; }

.md-home-news .list-3 .li { border-top: 1px solid #e5e6e9; padding: .26rem 0 .24rem; }

.md-home-news .list-3 .li:hover .tit { color: #36b4e5; }

.md-home-news .list-3 .li:hover .icon { color: #333; }

.md-home-news .list-3 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-home-news .list-3 .tit { margin-top: .06rem; }

.md-home-news .list-3 .icon { width: .2rem; height: .12rem; min-width: 16px; min-height: 10px; color: #ccc; margin-left: auto; }

@media (max-width: 900px) { .md-home-news .hd { display: block; }
  .md-home-news .hd .rg { margin-top: .3rem; }
  .md-home-news .c-pic .date { line-height: 2em; }
  .md-home-news .news-1 .text { padding: 5%; }
  .md-home-news .row { display: block; }
  .md-home-news .row .lf { width: 100%; }
  .md-home-news .row .rg { width: 100%; margin-top: 5%; } }

/* 新闻 */
.md-news-1 { padding-top: 1rem; padding-bottom: 1.27rem; background-color: #f3fbfd; }

.md-news-1 .list .li { background: rgba(255, 255, 255, 0.5); -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; padding: .6rem .7rem .6rem .6rem; margin-bottom: .2rem; }

.md-news-1 .list .li:hover { background: #fff; }

.md-news-1 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-news-1 .list .li:hover .tit { color: #36b4e5; }

.md-news-1 .list .li:hover .more { color: #36b4e5; }

.md-news-1 .list .li:hover .more svg { color: #36b4e5; }

.md-news-1 .list .date { min-width: .9rem; min-height: .9rem; margin-right: .8rem; border-top-left-radius: .1rem; padding: .05rem; padding-top: .07rem; }

.md-news-1 .list .date .day { line-height: 1.1; }

.md-news-1 .list .c-pic { width: calc(450 / 1470 * 100%); margin-left: 1.18rem; }

.md-news-1 .list .img { padding-top: calc(280 / 450 * 100%); }

.md-news-1 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; position: relative; top: -.07rem; }

.md-news-1 .list .tit { line-height: calc(38 / 24 * 1em); }

.md-news-1 .list .desc { line-height: calc(28 / 16 * 1em); margin-top: .26rem; }

.md-news-1 .list .more { margin-top: .93rem; }

.md-news-1 .list .more svg { width: .2rem; height: .12rem; min-width: 16px; min-height: 10px; margin-left: .1rem; color: #ccc; }

.md-news-1 .c-pagination { margin-top: .6rem; }

@media (max-width: 600px) { .md-news-1 { padding-top: 5%; }
  .md-news-1 .list .li { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; position: relative; background: #fff; margin-bottom: 5%; }
  .md-news-1 .list .date { position: absolute; left: 0; top: 0; z-index: 2; border-radius: 0; border-bottom-right-radius: .1rem; }
  .md-news-1 .list .text { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-right: 0; padding-top: 5%; top: 0; padding: 5%; }
  .md-news-1 .list .more { margin-top: .5rem; }
  .md-news-1 .list .c-pic { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0; } }

.md-news-2 { background-color: #f3fbfd; padding-top: 1rem; }

.md-news-2 .article { width: calc(1100 / 1600 * 100%); padding: .48rem .6rem 1.14rem; }

.md-news-2 .article .title { line-height: calc(58 / 36 * 1em); }

.md-news-2 .article .msg { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-news-2 .article .msg .item { margin-top: .28rem; margin-right: .38rem; }

.md-news-2 .article .msg .share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .12rem; margin-top: .28rem; }

.md-news-2 .article .msg .share .t1 { margin-right: .15rem; }

.md-news-2 .article .msg .share .t2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-2 .article .msg .share .t2 .icon { height: .17rem; min-height: 17px; vertical-align: top; }

.md-news-2 .article .msg .share .share-item { margin: 0; margin-right: .14rem; margin-left: .05rem; color: #999; }

.md-news-2 .article .msg .share .share-item:hover { background: transparent !important; }

.md-news-2 .article .content { border-top: 1px solid #f3f3f3; line-height: calc(29 / 16 * 1em); padding-top: .43rem; margin-top: .46rem; }

.md-news-2 .relative { width: calc(440 / 1600 * 100%); padding: .58rem .4rem .24rem; }

.md-news-2 .relative .list { margin-top: .26rem; }

.md-news-2 .relative .list .li { display: block; border-bottom: 1px solid #e5e6e9; }

.md-news-2 .relative .list .li:last-child { border-bottom: none; }

.md-news-2 .relative .list .li:hover .tit { color: #36b4e5; }

.md-news-2 .relative .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-news-2 .relative .list .img { padding-top: calc(200 / 360 * 100%); }

.md-news-2 .relative .list .text { padding-top: .26rem; padding-bottom: .28rem; }

.md-news-2 .relative .list .tit { margin-top: .07rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-2 .nav { margin-top: 1.2rem; }

.md-news-2 .nav .item { width: 50%; padding-top: .93rem; padding-bottom: .9rem; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

.md-news-2 .nav .item-prev { padding-left: 1.6rem; padding-right: .8rem; border-right: 1px solid #eee; }

.md-news-2 .nav .item-next { padding-left: .8rem; padding-right: 1.6rem; }

.md-news-2 .nav .item:hover { background-color: #36b4e5; color: #fff; }

.md-news-2 .nav .item:hover .t1, .md-news-2 .nav .item:hover .t2, .md-news-2 .nav .item:hover .icon { color: #fff; }

.md-news-2 .nav .t2 { margin-top: .16rem; }

.md-news-2 .nav .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-news-2 .nav .icon { width: .2rem; height: .12rem; min-width: 16px; min-height: 10px; }

@media (max-width: 900px) { .md-news-2 { padding-top: 5%; }
  .md-news-2 .layout { display: block; }
  .md-news-2 .article { width: 100%; padding: 5%; }
  .md-news-2 .article .title { line-height: 1.2; font-size: 18px; }
  .md-news-2 .article .msg .share { margin-left: 0; }
  .md-news-2 .article .content { line-height: 1.5; }
  .md-news-2 .relative { width: 100%; margin-top: 5%; }
  .md-news-2 .relative .c-pic { max-width: 500px; }
  .md-news-2 .nav { display: block; margin-top: 5%; }
  .md-news-2 .nav .item { display: block; width: 100%; padding: 5%; }
  .md-news-2 .nav .item-prev { border-right: none; border-bottom: 1px solid #eee; } }

/* 行业应用 */
.md-app-1 { padding-top: .6rem; padding-bottom: 1.8rem; }

.md-app-1 .list .li { border-bottom: 2px solid #f0f0f0; padding: .6rem 0; }

.md-app-1 .list .cover { width: calc(600 / 1600 * 100%); }

.md-app-1 .list .cover .img { padding-top: calc(400 / 600 * 100%); }

.md-app-1 .list .rg { width: calc(860 / 1600 * 100%); }

.md-app-1 .list .text { overflow: hidden; padding-top: .02rem; }

.md-app-1 .list .text .tit { line-height: calc(38 / 24 * 1em); }

.md-app-1 .list .text .desc { line-height: calc(28 / 16 * 1em); margin-top: .14rem; }

.md-app-1 .list .text .m-more { margin-top: .25rem; }

.md-app-1 .list .relative { margin-top: .54rem; }

.md-app-1 .list .relative .goods { margin-top: .11rem; }

.md-app-1 .list .relative .btn { background-color: transparent; border: none; outline: none; cursor: pointer; }

.md-app-1 .list .relative .btn svg { width: .2rem; height: .12rem; min-width: 20px; min-height: 12px; }

.md-app-1 .list .relative .swiper-container { margin: 0 .19rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-app-1 .list .relative .swiper-slide { width: 1.81rem; min-width: 140px; margin-right: .19rem; border: 1px solid #eee; position: relative; }

.md-app-1 .list .relative .swiper-slide:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-app-1 .list .relative .swiper-slide:last-of-type { margin-right: 0; }

.md-app-1 .list .relative .img { padding-top: calc(120 / 180 * 100%); }

.md-app-1 .list .relative .tit2 { background: rgba(0, 0, 0, 0.3); position: absolute; bottom: 0; left: 0; width: 100%; line-height: calc(30 / 16 * 1em); text-align: center; }

.md-app-1 .c-pagination { margin-top: .8rem; }

@media (max-width: 900px) { .md-app-1 { padding-top: 5%; }
  .md-app-1 .list .li { display: block; }
  .md-app-1 .list .li .cover { width: 100%; max-width: 500px; }
  .md-app-1 .list .li .rg { width: 100%; margin-top: 5%; } }

.md-app-2 .article { width: calc(1110 / 1600 * 100%); border-right: 1px solid #eee; padding-right: 1.1rem; padding-top: .88rem; padding-bottom: 1.39rem; }

.md-app-2 .article .title { line-height: calc(58 / 36 * 1em); }

.md-app-2 .article .msg { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-app-2 .article .msg .item { margin-top: .28rem; margin-right: .38rem; }

.md-app-2 .article .msg .share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .12rem; margin-top: .28rem; }

.md-app-2 .article .msg .share .t1 { margin-right: .15rem; }

.md-app-2 .article .msg .share .t2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-app-2 .article .msg .share .t2 .icon { height: .17rem; min-height: 17px; vertical-align: top; }

.md-app-2 .article .msg .share .share-item { margin: 0; margin-right: .14rem; margin-left: .05rem; color: #999; }

.md-app-2 .article .msg .share .share-item:hover { background: transparent !important; }

.md-app-2 .article .content { border-top: 1px solid #f3f3f3; line-height: calc(29 / 16 * 1em); padding-top: .45rem; margin-top: .46rem; }

.md-app-2 .side { width: calc(380 / 1600 * 100%); padding-top: .96rem; }

.md-app-2 .relative-prod .list { margin-top: .16rem; }

.md-app-2 .relative-prod .list .li { border: solid 1px #eeeeee; margin-bottom: .1rem; -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; }

.md-app-2 .relative-prod .list .li:hover { border-color: #36b4e5; }

.md-app-2 .relative-prod .list .li:hover .tit { color: #36b4e5; }

.md-app-2 .relative-prod .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-app-2 .relative-prod .list .c-pic { width: calc(122 / 380 * 100%); margin: .19rem; margin-right: 0; }

.md-app-2 .relative-prod .list .img { padding-top: calc(101 / 122 * 100%); }

.md-app-2 .relative-prod .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .1rem 0; margin-left: calc(35 / 380 * 100%); margin-right: .1rem; }

.md-app-2 .relative-prod .list .desc { line-height: calc(21 / 14 * 100%); margin-top: .02rem; }

.md-app-2 .relative-news { margin-top: .6rem; }

.md-app-2 .relative-news .list { margin-top: .17rem; line-height: 1.5; border-top: 1px solid #eee; padding-top: .14rem; }

.md-app-2 .relative-news .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .16rem; }

.md-app-2 .relative-news .list .li:before { content: ''; width: .04rem; height: .04rem; min-width: 2px; min-height: 2px; border-radius: 50%; background: #36b4e5; margin-right: .09rem; }

.md-app-2 .relative-news .list .li:hover { color: #36b4e5; }

.md-app-2 .relative-news .list .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

@media (max-width: 1400px) { .md-app-2 .side { width: calc(420 / 1600 * 100%); }
  .md-app-2 .relative-prod .list .text { margin: 0 5px; } }

@media (max-width: 900px) { .md-app-2 .layout { display: block; }
  .md-app-2 .article { width: 100%; padding: .5rem 0; border-right: none; }
  .md-app-2 .article .title { line-height: 1.2; font-size: 18px; }
  .md-app-2 .article .msg .share { margin-left: 0; }
  .md-app-2 .article .content { line-height: 1.5; }
  .md-app-2 .side { width: 100%; padding-bottom: 1rem; } }

/* 技术服务 */
.md-tech { /* 技术支持 */ /* 售后服务 */ }

.md-tech-1 { padding: 1.4rem 0; }

.md-tech-1 .lf { width: calc(580 / 1600 * 100%); }

.md-tech-1 .rg { width: calc(900 / 1600 * 100%); }

.md-tech-1 .rg img { width: 100%; }

.md-tech-1 .list { margin-top: .09rem; }

.md-tech-1 .list .li { border-bottom: 1px solid #f3f3f3; padding-top: .34rem; padding-bottom: .36rem; min-height: 1.41rem; }

.md-tech-1 .list .li:hover .t1 { color: #36b4e5; }

.md-tech-1 .list .li:hover .icon { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }

.md-tech-1 .list .icon { width: .6rem; min-width: 40px; margin-right: .19rem; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.md-tech-1 .list .tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-tech-1 .list .t1 { line-height: 1.5; }

.md-tech-1 .list .t2 { line-height: calc(28 / 16 * 1em); margin-top: .01rem; }

@media (max-width: 900px) { .md-tech-1 { padding: 10% 0; }
  .md-tech-1 .layout { display: block; }
  .md-tech-1 .lf { width: 100%; }
  .md-tech-1 .rg { width: 100%; margin-top: 5%; } }

.md-tech-2 { background: #f3f3f3; padding-top: .99rem; padding-bottom: 1.4rem; overflow: hidden; }

.md-tech-2 .cate { text-align: center; vertical-align: top; }

.md-tech-2 .cate .swiper-container { display: inline-block; }

.md-tech-2 .cate .item { width: auto; margin-right: .66rem; position: relative; padding: .19rem 0; cursor: pointer; }

.md-tech-2 .cate .item:after { content: ''; position: absolute; left: 0; bottom: 0; height: 0.03rem; min-height: 2px; width: 0; background: #36b4e5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-tech-2 .cate .item:last-child { margin-right: 0; }

.md-tech-2 .cate .item.on { color: #36b4e5; }

.md-tech-2 .cate .item.on:after { width: 100%; }

.md-tech-2 .bd { margin-top: .6rem; }

.md-tech-2 .bd-item { display: none; }

.md-tech-2 .bd-item.on { display: block; }

.md-tech-2 .bd-item.on .list .li { -webkit-animation-name: fade-left; animation-name: fade-left; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.md-tech-2 .list .li { min-height: 3.6rem; padding: .89rem .5rem .4rem; width: calc(500 / 1600 * 100%); margin-right: calc(50 / 1600 * 100%); opacity: 0; }

.md-tech-2 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-tech-2 .list .li:hover .icon { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }

.md-tech-2 .list .li:nth-of-type(3n + 2) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.md-tech-2 .list .li:nth-of-type(3n + 3) { -webkit-animation-delay: .4s; animation-delay: .4s; }

.md-tech-2 .list .icon { height: .7rem; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.md-tech-2 .list .tit { margin-top: .18rem; }

.md-tech-2 .list .desc { margin-top: .26rem; line-height: calc(25 / 18 * 1em); }

@media (max-width: 900px) { .md-tech-2 .list .li { width: 100%; margin-right: 0; margin-bottom: 5%; -webkit-animation-delay: 0s !important; animation-delay: 0s !important; padding-top: .5rem; } }

.md-tech-3 { padding-top: .99rem; padding-bottom: 1rem; }

.md-tech-3 .lf { width: calc(320 / 1600 * 100%); }

.md-tech-3 .rg { margin-left: calc(120 / 1600 * 100%); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 1.11rem; }

.md-tech-3 .tit-list .item { display: block; line-height: 1.5; padding: .165rem; }

.md-tech-3 .tit-list .item.on { color: #36b4e5; background-color: #f3f3f3; position: relative; }

.md-tech-3 .tit-list .item.on:after { content: ''; position: absolute; right: 0; top: 0; width: .04rem; height: 100%; background: #36b4e5; }

.md-tech-3 .tit-list .item:hover { color: #36b4e5; }

.md-tech-3 .art-list .item { margin-bottom: 1.11rem; }

.md-tech-3 .art-list .item:last-of-type { margin-bottom: 0; }

.md-tech-3 .art-list .tit { margin-bottom: .19rem; }

.md-tech-3 .art-list .desc { line-height: calc(32 / 16 * 1em); }

@media (max-width: 900px) { .md-tech-3 .layout { width: 100%; }
  .md-tech-3 .lf { min-width: 90px; }
  .md-tech-3 .rg { margin-left: 20px; padding-right: 5%; } }

.md-custom-1 { background: url(../images/bg-2.jpg) no-repeat center top/cover; padding-top: 1.34rem; padding-bottom: 1rem; }

.md-custom-1 .desc { line-height: calc(35 / 18 * 1em); margin-top: .11rem; }

.md-custom-1 .list { margin-top: .55rem; }

.md-custom-1 .list .li { margin-bottom: .27rem; width: calc(370 / 1600 * 100%); margin-right: calc(40 / 1600 * 100%); }

.md-custom-1 .list .li:nth-of-type(4n) { margin-right: 0; }

.md-custom-1 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-custom-1 .list .li:hover .tit { color: #36b4e5; }

.md-custom-1 .list .img { padding-top: calc(280 / 370 * 100%); }

.md-custom-1 .list .tit { padding: .1rem .1rem .13rem; min-height: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 900px) { .md-custom-1 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-custom-1 .list .li { width: 48%; margin-right: 0; margin-bottom: 4%; } }

@media (max-width: 500px) { .md-custom-1 .list .tit { font-size: 14px; } }

.md-custom-2 { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 8.6rem; }

.md-custom-2 .lf { width: 50%; border-right: 1px solid rgba(255, 255, 255, 0.3); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1.6rem; padding-right: 1rem; }

.md-custom-2 .rg { width: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.md-custom-2 .item { height: 50%; padding: .6rem; padding-left: 1.2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-custom-2 .item:last-of-type { border-bottom: none; }

.md-custom-2 .item .desc { line-height: calc(45 / 24 * 1em); margin-top: .12rem; }

@media (max-width: 900px) { .md-custom-2 .lf { padding: 5%; }
  .md-custom-2 .item { padding: 5%; }
  .md-custom-2 .item .desc { font-size: 14px; } }

.md-custom-3 { padding-top: 1.35rem; background-color: #f3fbfd; background-image: url(../images/bg-3.jpg); }

.md-custom-3 .row-1 { padding-bottom: .4rem; }

.md-custom-3 .row-1 .list { margin-top: .53rem; background: #fff; -webkit-box-shadow: 0 0 0.15rem 0 rgba(4, 55, 147, 0.15); box-shadow: 0 0 0.15rem 0 rgba(4, 55, 147, 0.15); }

.md-custom-3 .row-1 .list .li { width: calc(1 / 6 * 100%); border-right: 1px solid #f3f3f3; padding: 1.37rem .38rem .5rem; min-height: 4.6rem; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

.md-custom-3 .row-1 .list .li:last-child { border-right: none; }

.md-custom-3 .row-1 .list .li:hover { background-color: #36b4e5; }

.md-custom-3 .row-1 .list .li:hover .icon { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }

.md-custom-3 .row-1 .list .li:hover .icon .i-1 { display: none; }

.md-custom-3 .row-1 .list .li:hover .icon .i-2 { display: inline; }

.md-custom-3 .row-1 .list .li:hover .tit, .md-custom-3 .row-1 .list .li:hover .desc { color: #fff; }

.md-custom-3 .row-1 .list .icon { font-size: 0; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.md-custom-3 .row-1 .list .icon img { height: .5rem; min-height: 30px; }

.md-custom-3 .row-1 .list .icon .i-2 { display: none; }

.md-custom-3 .row-1 .list .tit { margin-top: .23rem; }

.md-custom-3 .row-1 .list .desc { line-height: calc(24 / 16 * 1em); margin-top: .31rem; }

.md-custom-3 .row-2 { padding-top: .55rem; padding-bottom: 1.42rem; }

.md-custom-3 .row-2 .list { margin-top: .33rem; }

.md-custom-3 .row-2 .list .li { margin-top: .2rem; }

.md-custom-3 .row-2 .list .icon { margin: auto; background: #36b4e5; border-radius: 50%; width: 1rem; height: 1rem; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-custom-3 .row-2 .list .icon img { width: .4rem; min-width: 25px; }

.md-custom-3 .row-2 .list .tit { margin-top: .16rem; }

.md-custom-3 .row-2 .list .num { opacity: .5; margin-top: .15rem; }

.md-custom-3 .row-2 .list .line { margin-top: .61rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: .18rem; background: url(../images/line.png) no-repeat center/auto 100%; }

@media (max-width: 900px) { .md-custom-3 .row-1 .list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-custom-3 .row-1 .list .li { width: calc(1 / 3 * 100%); border-bottom: 1px solid #f3f3f3; }
  .md-custom-3 .row-2 .list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .md-custom-3 .row-2 .list .li { width: 25%; }
  .md-custom-3 .row-2 .list .line { width: 25%; -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 18px; margin-top: .5rem; } }

@media (max-width: 500px) { .md-custom-3 .row-1 .list .li { width: calc(1 / 2 * 100%); } }

/* 关于我们 */
.md-about-1 { background-image: url(../images/bg-4.jpg); background-position: left center; padding-top: 1.27rem; padding-bottom: 1.4rem; }

.md-about-1 .text { width: calc(992 / 1600 * 100%); }

.md-about-1 .tit { line-height: 1.5; }

.md-about-1 .desc { line-height: calc(30 / 16 * 1em); margin-top: .45rem; }

.md-about-1 .data { width: calc(400 / 1600 * 100%); margin-top: -.15rem; }

.md-about-1 .data .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .21rem 0; border-bottom: 1px solid #f3f3f3; }

.md-about-1 .data .icon { margin-left: auto; width: .3rem; min-width: 20px; }

.md-about-1 .data .text { margin-bottom: .06rem; }

.md-about-1 .data .t1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.md-about-1 .data .t1 .unit { margin-bottom: .3em; }

.md-about-1 .data .t2 { margin-top: .12rem; }

@media (max-width: 900px) { .md-about-1 .layout { display: block; }
  .md-about-1 .text { width: 100%; }
  .md-about-1 .data { width: 100%; margin-top: 5%; } }

.md-about-2 { padding-top: 1.35rem; padding-bottom: 1.43rem; }

.md-about-2 .main { margin-left: auto; margin-right: auto; margin-top: .54rem; width: 6.8rem; height: 6.8rem; border-radius: 50%; position: relative; }

.md-about-2 .circle-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 2px dashed #cfd0d0; -webkit-animation: turn 100s infinite linear; animation: turn 100s infinite linear; }

.md-about-2 .circle-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/about-7.png) no-repeat center; background-size: calc(538 / 680 * 100%); -webkit-animation: turn 100s infinite linear; animation: turn 100s infinite linear; }

.md-about-2 .circle-3 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #ccc; -webkit-transform: scale(71.32353%); -ms-transform: scale(71.32353%); transform: scale(71.32353%); }

.md-about-2 .data { width: calc(450 / 680 * 100%); height: calc(450 / 680 * 100%); border-radius: 50%; margin-left: auto; margin-right: auto; overflow: hidden; }

.md-about-2 .data .item { height: 100%; display: none; position: relative; }

.md-about-2 .data .item.on { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-about-2 .data .item:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(54, 180, 229, 0.94); }

.md-about-2 .data .item-cnt { position: relative; z-index: 2; }

.md-about-2 .data .num { opacity: .3; }

.md-about-2 .data .tit { margin-top: .27rem; }

.md-about-2 .data .desc { line-height: calc(42 / 18 * 1em); margin-top: .09rem; }

.md-about-2 .list .li { position: absolute; }

.md-about-2 .list .li:nth-child(1) { left: 0; top: 1.3rem; }

.md-about-2 .list .li:nth-child(2) { right: 0; top: 1.3rem; }

.md-about-2 .list .li:nth-child(3) { left: 0; bottom: 1.3rem; }

.md-about-2 .list .li:nth-child(4) { right: 0; bottom: 1.3rem; }

.md-about-2 .list .li:nth-of-type(2n+1) .tit { right: 100%; }

.md-about-2 .list .li:nth-of-type(2n) .tit { left: 100%; }

.md-about-2 .list .li.on .num { background: #36b4e5; }

.md-about-2 .list .li.on .tit { color: #36b4e5; }

.md-about-2 .list .num { background: #ccc; width: .8rem; height: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-about-2 .list .tit { position: absolute; top: 50%; white-space: nowrap; line-height: 1.5; margin: 0 .26rem; margin-top: -.75em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

@media (max-width: 900px) { .md-about-2 .data .desc { line-height: 1.5; } }

@media (max-width: 600px) { .md-about-2 .main { width: 65vw; height: 65vw; }
  .md-about-2 .data .tit { margin-top: 0; }
  .md-about-2 .data .desc { font-size: 12px; }
  .md-about-2 .list .num { width: 30px; height: 30px; font-size: 16px; }
  .md-about-2 .list .li:nth-child(1) { left: 0; top: .7rem; }
  .md-about-2 .list .li:nth-child(2) { right: 0; top: .7rem; }
  .md-about-2 .list .li:nth-child(3) { left: 0; bottom: .7rem; }
  .md-about-2 .list .li:nth-child(4) { right: 0; bottom: .7rem; }
  .md-about-2 .list .li:nth-of-type(2n+1) .tit { right: 0; }
  .md-about-2 .list .li:nth-of-type(2n) .tit { left: 0; }
  .md-about-2 .list .tit { top: 100%; margin: 0; } }

.md-about-3 { padding-top: 1.35rem; padding-bottom: 1.4rem; }

.md-about-3 .list { margin-top: .52rem; }

.md-about-3 .list .li { width: calc(500 / 1600 * 100%); margin-right: calc(50 / 1600 * 100%); position: relative; }

.md-about-3 .list .li:nth-of-type(3n) { margin-right: 0; }

.md-about-3 .list .li:hover .text { background-color: #36b4e5; color: #fff; bottom: .8rem; }

.md-about-3 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-about-3 .list .img { padding-top: calc(680 / 500 * 100%); }

.md-about-3 .list .text { position: absolute; bottom: .5rem; left: .5rem; right: .5rem; background: rgba(255, 255, 255, 0.9); margin: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: .4rem; padding-top: .54rem; padding-top: .54rm; min-height: 2.6rem; }

.md-about-3 .list .desc { line-height: calc(37 / 24 * 1em); margin-top: .25rem; }

.md-about-4 { padding-top: 1.35rem; padding-bottom: 1.15rem; }

.md-about-4 .data { margin-top: .73rem; }

.md-about-4 .data .text { width: calc(800 / 1600 * 100%); }

.md-about-4 .data .c-pic { width: calc(600 / 1600 * 100%); }

.md-about-4 .data .img { padding-top: calc(300 / 600 * 100%); }

.md-about-4 .data .tit { border-bottom: 1px solid rgba(238, 238, 238, 0.4); margin-top: .54rem; padding-bottom: .25rem; }

.md-about-4 .data .desc { line-height: 1.5; margin-top: .34rem; }

.md-about-4 .controls { margin-top: .71rem; }

.md-about-4 .controls .svg-btn { border: 1px solid #fff; cursor: pointer; }

.md-about-4 .controls .svg-btn:hover { background: #36b4e5; border-color: #36b4e5; }

.md-about-4 .controls .swiper-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-about-4 .controls .swiper-slide { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2.1em 0; cursor: pointer; }

.md-about-4 .controls .swiper-slide:before { content: ''; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 2px; background: rgba(255, 255, 255, 0.3); }

.md-about-4 .controls .swiper-slide:after { content: ''; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 2px; background: rgba(255, 255, 255, 0.3); }

.md-about-4 .controls .swiper-slide.on .tit { color: #36b4e5; }

.md-about-4 .controls .swiper-slide.on .dot { border-color: #fff; background: #36b4e5; }

.md-about-4 .controls .swiper-slide:hover .tit { color: #36b4e5; }

.md-about-4 .controls .dot { width: .16rem; height: .16rem; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.3); }

.md-about-4 .controls .tit { position: absolute; left: 0; top: 0; width: 100%; line-height: 1.5; text-align: center; color: rgba(255, 255, 255, 0.3); }

@media (max-width: 900px) { .md-about-4 .data .swiper-slide { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-about-4 .data .text { width: 100%; }
  .md-about-4 .data .c-pic { width: 100%; margin-top: 20px; } }

.md-about-5 { background-image: url(../images/bg-7.jpg); padding-top: 1.34rem; padding-bottom: 1.38rem; }

.md-about-5 .content { position: relative; margin-top: .4rem; padding-top: .1rem; }

.md-about-5 .hd { position: absolute; left: 1.6rem; top: .07rem; z-index: 2; }

.md-about-5 .hd .item { padding-left: .33rem; position: relative; display: block; margin-bottom: .25rem; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-about-5 .hd .item:before { content: ''; position: absolute; left: 0; top: 50%; width: .24rem; height: .03rem; background: #36b4e5; opacity: 0; margin-top: -.015rem; }

.md-about-5 .hd .item.on { color: #36b4e5; font-size: .24rem; }

.md-about-5 .hd .item.on:before { opacity: 1; }

.md-about-5 .hd .item:hover { color: #36b4e5; }

.md-about-5 .bd-item { display: none; }

.md-about-5 .bd-item.on { display: block; -webkit-animation: fade-up 1s forwards; animation: fade-up 1s forwards; }

.md-about-5 .bd .lf { width: calc(400 / 1920 * 100%); -ms-flex-negative: 0; flex-shrink: 0; margin-left: calc(160 / 1920 * 100%); }

.md-about-5 .bd .lf .desc { line-height: calc(32 / 18 * 1em); }

.md-about-5 .bd .rg { width: calc(1240 / 1920 * 100%); margin-left: calc(120 / 1920 * 100%); }

.md-about-5 .bd .btns { margin-top: .53rem; }

.md-about-5 .bd .svg-btn { margin-right: .2rem; border: solid 1px #cccccc; color: #333; }

.md-about-5 .bd .svg-btn:hover { background: #36b4e5; color: #fff; border-color: #36b4e5; }

.md-about-5 .bd .img { padding-top: calc(230 / 160 * 100%); -webkit-transition: none; -o-transition: none; transition: none; }

.md-about-5 .bd .tit { margin-top: .32rem; }

@media (min-width: 901px) { .md-about-5 .bd .swiper-slide { width: 2.2rem; margin-right: .6rem; margin-top: auto; padding: .2rem .3rem; }
  .md-about-5 .bd .swiper-slide.on { width: 4.4rem; padding: .4rem; padding-bottom: .27rem; }
  .md-about-5 .bd .swiper-slide.on .img { padding-top: calc(430 / 360 * 100%); }
  .md-about-5 .bd .swiper-slide.on .tit { display: block; }
  .md-about-5 .bd .tit { display: none; } }

@media (max-width: 900px) { .md-about-5 .content { padding: 0 5%; }
  .md-about-5 .hd { position: static; }
  .md-about-5 .hd .item { font-size: 14px; }
  .md-about-5 .hd .item.on { font-size: 18px; }
  .md-about-5 .bd-cnt { display: block; }
  .md-about-5 .bd .lf { margin-left: 0; width: 100%; }
  .md-about-5 .bd .rg { margin-left: 0; margin-top: 20px; width: 100%; }
  .md-about-5 .bd .swiper-slide { padding: 5%; } }

.md-about-6 { padding-top: 1.35rem; padding-bottom: 1.4rem; }

.md-about-6 .hd .lf { width: 6.5rem; }

.md-about-6 .hd .desc { line-height: calc(28 / 16 * 1em); margin-top: .16rem; }

.md-about-6 .hd .svg-btn { border: solid 1px #cccccc; margin-left: .2rem; cursor: pointer; }

.md-about-6 .hd .svg-btn:hover { background: #36b4e5; color: #fff; border-color: #36b4e5; }

.md-about-6 .swiper-container { margin-top: .55rem; }

.md-about-6 .swiper-slide { border: 1px solid #eee; height: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-about-6 .swiper-slide img { max-width: 90%; max-height: 90%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-about-6 .swiper-slide:hover { border-color: #36b4e5; }

.md-about-6 .swiper-slide:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 900px) { .md-about-6 .hd { display: block; }
  .md-about-6 .hd .lf { width: 100%; }
  .md-about-6 .hd .svg-btn { margin-left: 0; margin-right: .2rem; margin-top: 0.3rem; } }

/* 联系我们 */
.md-contact-1 { padding-top: 1.38rem; padding-bottom: 1.74rem; }

.md-contact-1 .lf { width: calc(500 / 1600 * 100%); }

.md-contact-1 .rg { width: calc(860 / 1600 * 100%); }

.md-contact-1 .rg .desc { margin-top: .1rem; }

.md-contact-1 .list { margin-top: .51rem; }

.md-contact-1 .list .li { margin-bottom: .49rem; }

.md-contact-1 .list .li:last-of-type { margin-bottom: 0; }

.md-contact-1 .list .t1 { padding-left: .22rem; position: relative; }

.md-contact-1 .list .t1::before { content: ''; position: absolute; left: 0; top: 50%; width: 0.04rem; height: .25rem; background: #36b4e5; margin-top: -.125rem; }

.md-contact-1 .list .t2 { line-height: calc(33 / 18 * 1em); padding-left: .22rem; margin-top: .09rem; }

.md-contact-1 .form { margin-top: .37rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-contact-1 .form-item { width: calc(420 / 860 * 100%); margin-bottom: .38rem; }

.md-contact-1 .form-item-full { width: 100%; }

.md-contact-1 .form .ipt, .md-contact-1 .form .ta { border: solid 1px #eeeeee; background: transparent; width: 100%; padding: 0 .3rem; }

.md-contact-1 .form .ipt::-webkit-input-placeholder, .md-contact-1 .form .ta::-webkit-input-placeholder { color: #ccc; }

.md-contact-1 .form .ipt:-ms-input-placeholder, .md-contact-1 .form .ta:-ms-input-placeholder { color: #ccc; }

.md-contact-1 .form .ipt::-ms-input-placeholder, .md-contact-1 .form .ta::-ms-input-placeholder { color: #ccc; }

.md-contact-1 .form .ipt::placeholder, .md-contact-1 .form .ta::placeholder { color: #ccc; }

.md-contact-1 .form .ipt:focus, .md-contact-1 .form .ta:focus { border-color: #36b4e5; }

.md-contact-1 .form .ipt { height: .6rem; min-height: 40px; }

.md-contact-1 .form .ta { height: 1.8rem; padding: .2rem .3rem; }

.md-contact-1 .form .hd span { color: red; }

.md-contact-1 .form .bd { margin-top: .11rem; }

.md-contact-1 .form .m-more { border: none; cursor: pointer; }

.md-contact-1 .map { margin-top: .53rem; }

.md-contact-1 .map .img { display: block; width: 100%; }

@media (max-width: 900px) { .md-contact-1 .row { display: block; }
  .md-contact-1 .lf { width: 100%; }
  .md-contact-1 .rg { width: 100%; margin-top: 1rem; } }

@media (max-width: 500px) { .md-contact-1 { padding: 10% 0; }
  .md-contact-1 .form-item { width: 100%; } }

/* 加入我们 */
.md-join-1 { padding-top: 1.35rem; padding-bottom: 1.4rem; }

.md-join-1 .list { margin-top: .38rem; }

.md-join-1 .list .li { width: calc(760 / 1600 * 100%); }

.md-join-1 .list .li.on .hd .btn:after { display: none; }

.md-join-1 .list .hd { border-bottom: 1px solid #e5e5e5; padding-bottom: .24rem; padding-top: .24rem; line-height: 1.5; cursor: pointer; }

.md-join-1 .list .hd .num { margin-right: .36rem; }

.md-join-1 .list .hd .name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-join-1 .list .hd .btn { width: .17rem; height: .17rem; min-width: 14px; min-height: 14px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .1rem; }

.md-join-1 .list .hd .btn:before { content: ''; width: 100%; height: .02rem; min-height: 2px; background: #333; }

.md-join-1 .list .hd .btn:after { content: ''; position: absolute; left: 50%; top: 0; height: 100%; width: .02rem; min-width: 2px; background: #333; margin-left: -.01rem; }

.md-join-1 .list .bd { line-height: calc(28 / 16 * 1em); padding-top: .25rem; padding-bottom: .49rem; border-bottom: 1px solid #e5e5e5; display: none; }

.md-join-1 .list .bd .msg span { margin-right: .3rem; }

.md-join-1 .list .bd p { margin-bottom: .65em; }

.md-join-1 .list .bd .m-more { margin-top: .31rem; }

@media (max-width: 900px) { .md-join-1 .list .li { width: 100%; } }

.md-join-2 { background: #f7f7f7; padding-top: 1.4rem; padding-bottom: 1.4rem; }

.md-join-2 .lf { width: calc(900 / 1600 * 100%); }

.md-join-2 .lf .img { padding-top: calc(600 / 900 * 100%); }

.md-join-2 .lf .swiper-pagination { bottom: 0; background: rgba(0, 0, 0, 0.4); line-height: .7rem; }

.md-join-2 .lf .swiper-pagination-bullet { opacity: 1; border-radius: 0; width: auto; height: auto; background: transparent; margin-right: .26rem; margin-left: 0; }

.md-join-2 .lf .swiper-pagination-bullet-active { color: #36b4e5; position: relative; }

.md-join-2 .lf .swiper-pagination-bullet-active:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: .02rem; background: #36b4e5; }

.md-join-2 .lf .swiper-pagination-bullet:last-of-type { margin-right: 0; }

.md-join-2 .rg { width: calc(700 / 1600 * 100%); border-bottom: 0.06rem solid #36b4e5; padding: .71rem 1rem .4rem; max-height: 6rem; overflow-y: auto; }

.md-join-2 .rg .desc { margin-top: .26rem; line-height: calc(38 / 18 * 1em); }

@media (max-width: 900px) { .md-join-2 .layout { display: block; }
  .md-join-2 .lf { width: 100%; }
  .md-join-2 .rg { width: 100%; max-height: none; padding: 5%; } }

/* 产品 */
.md-prod-1 .lf { width: calc(360 / 1600 * 100%); padding-right: .6rem; padding-top: .78rem; padding-bottom: .8rem; }

.md-prod-1 .lf .mask { display: none; }

.md-prod-1 .rg { width: calc(1240 / 1600 * 100%); border-left: 1px solid #e2e2e2; padding-left: .59rem; padding-top: .6rem; padding-bottom: 1.1rem; }

.md-prod-1 .rg .btn-filter { display: none; }

.md-prod-1 .btn-filter svg { width: .2rem; height: .18rem; min-width: 16px; min-height: 16px; margin-right: .09rem; }

.md-prod-1 .filter-hd { border-bottom: 1px solid #e5e5e5; padding-bottom: .28rem; }

.md-prod-1 .filter-hd .btn-clear { border: none; background: transparent; cursor: pointer; }

.md-prod-1 .filter .c-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-1 .filter .c-check input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 0.16rem; height: .16rem; min-width: 14px; min-height: 14px; margin-right: .2rem; background: url(../images/i-check.png) no-repeat center/contain; }

.md-prod-1 .filter .c-check input[type=checkbox]:checked { background-image: url(../images/i-check-2.png); }

.md-prod-1 .filter .c-check input[type=radio] { margin-right: .2rem; }

.md-prod-1 .cate-1 { border-bottom: 1px solid #e5e5e5; }

.md-prod-1 .cate-1-hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .21rem 0; line-height: 2; }

.md-prod-1 .cate-1-btn { width: .14rem; height: .14rem; min-width: 14px; min-height: 14px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .1rem; cursor: pointer; }

.md-prod-1 .cate-1-btn:before { content: ''; width: 100%; height: 2px; background: #333; }

.md-prod-1 .cate-1-btn:after { content: ''; position: absolute; left: 50%; top: 0; height: 100%; width: 2px; background: #333; margin-left: -1px; }

.md-prod-1 .cate-1-btn:hover:before, .md-prod-1 .cate-1-btn:hover:after { background-color: #36b4e5; }

.md-prod-1 .cate-1.on .cate-1-btn:before { background-color: #36b4e5; }

.md-prod-1 .cate-1.on .cate-1-btn:after { display: none; }

.md-prod-1 .cate-1.on .cate-2-list { display: block; }

.md-prod-1 .cate-2 { margin-bottom: 1.05em; }

.md-prod-1 .cate-2-list { padding-bottom: .75em; display: none; }

.md-prod-1 .cate-2-hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-prod-1 .cate-2-btn { width: .14rem; height: .14rem; min-width: 14px; min-height: 14px; background: url(../images/i-down2.png) no-repeat center/contain; cursor: pointer; }

.md-prod-1 .cate-2.on .cate-2-btn { background-image: url(../images/i-up2.png); }

.md-prod-1 .cate-2.on .cate-3-list { display: block; }

.md-prod-1 .cate-3 { margin-bottom: 1.05em; }

.md-prod-1 .cate-3-list { display: none; margin-left: .2rem; padding-top: 1.05em; }

.md-prod-1 .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e2e2e2; }

.md-prod-1 .form .icon-search { width: 0.2rem; height: .2rem; min-width: 14px; min-height: 14px; color: #000; margin-right: .15rem; }

.md-prod-1 .form .ipt { height: .62rem; min-height: 40px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; }

.md-prod-1 .row-1 { margin-top: .58rem; }

.md-prod-1 .prod-list { margin-top: .37rem; }

.md-prod-1 .prod-list .li { border: solid 1px #eeeeee; padding: .2rem; padding-bottom: .4rem; position: relative; margin-bottom: .4rem; width: calc(380 / 1180 * 100%); margin-right: calc(20 / 1180 * 100%); }

.md-prod-1 .prod-list .li:nth-of-type(3n) { margin-right: 0; }

.md-prod-1 .prod-list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-1 .prod-list .li:hover .tit { color: #36b4e5; }

.md-prod-1 .prod-list .img { padding-top: calc(225 / 340 * 100%); }

.md-prod-1 .prod-list .tit { margin-top: .28rem; }

.md-prod-1 .prod-list .desc { line-height: calc(28 / 14 * 1em); margin-top: .09rem; }

.md-prod-1 .prod-list .more { display: inline-block; min-width: 1.2rem; padding: 0 1em; line-height: calc(38 / 14 * 1em); border: 1px solid #36b4e5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-top: .41rem; text-align: center; }

.md-prod-1 .prod-list .more:hover { background-color: #36b4e5; color: #fff; }

.md-prod-1 .prod-list .check { position: absolute; right: 0.2rem; top: .2rem; z-index: 3; width: .2rem; height: .2rem; min-width: 18px; min-height: 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/i-check-3.png) no-repeat center/contain; }

.md-prod-1 .prod-list .check:checked { background-image: url(../images/i-check-4.png); }

.md-prod-1 .c-pagination { margin-top: .2rem; }

@media (max-width: 1400px) { .md-prod-1 .prod-list .more { line-height: 2.2em; } }

@media (max-width: 1000px) { .md-prod-1 .lf { display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; padding: 0; }
  .md-prod-1 .lf .mask { position: absolute; left: 0; top: 0; z-index: 101; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); display: block; }
  .md-prod-1 .lf .filter { position: relative; z-index: 102; background: #fff; -webkit-box-shadow: 0 0 20px 0 #666; box-shadow: 0 0 20px 0 #666; width: 100%; max-width: 300px; height: 100%; overflow-y: auto; padding: 20px; }
  .md-prod-1 .lf.on { display: block; }
  .md-prod-1 .lf.on .mask { -webkit-animation: fade-in .5s forwards; animation: fade-in .5s forwards; }
  .md-prod-1 .lf.on .filter { -webkit-animation: slide-right .5s forwards; animation: slide-right .5s forwards; }
  .md-prod-1 .rg { width: 100%; border-left: none; padding-left: 0; padding-top: 0; }
  .md-prod-1 .rg .btn-filter { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1em 0; } }

@media (max-width: 600px) { .md-prod-1 .prod-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-prod-1 .prod-list .li { width: 49%; margin-right: 0; margin-bottom: 2%; }
  .md-prod-1 .prod-list .desc { line-height: 1.3; }
  .md-prod-1 .prod-list .more { margin-top: 1em; } }

.md-prod-pop { position: fixed; left: 0; bottom: 0; z-index: 100; background: #fff; width: 100%; padding: .45rem 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-filter: drop-shadow(0 0.03rem 0.3rem rgba(3, 3, 3, 0.1)); filter: drop-shadow(0 0.03rem 0.3rem rgba(3, 3, 3, 0.1)); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }

.md-prod-pop .btn-close { width: 1.22rem; height: .3rem; min-width: 90px; min-height: 20px; background: url(../images/bg-8.png) no-repeat center bottom/100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 1.58rem; bottom: 100%; cursor: pointer; }

.md-prod-pop .btn-close img { width: .14rem; min-width: 10px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-prod-pop .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .3rem; }

.md-prod-pop .list .li { position: relative; border: 1px solid #eee; width: calc(340 / 1390 * 100%); margin-right: calc(10 / 1390 * 100%); padding: .19rem 0; }

.md-prod-pop .list .li:nth-of-type(4n) { margin-right: 0; }

.md-prod-pop .list .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 .2rem; }

.md-prod-pop .list .c-pic { width: calc(110 / 340 * 100%); margin-right: .2rem; }

.md-prod-pop .list .img { padding-top: 100%; }

.md-prod-pop .list .i-delete { position: absolute; right: 0; top: 0; cursor: pointer; padding: .09rem; color: #666; font-size: 0; border: none; background: transparent; }

.md-prod-pop .list .i-delete svg { width: .12rem; height: .12rem; min-width: 10px; min-height: 10px; }

.md-prod-pop .list .i-delete:hover { color: red; }

.md-prod-pop .btns .m-more { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .2rem; }

.md-prod-pop .btns .m-more:last-child { margin-bottom: 0; }

.md-prod-pop .btns .btn-delete { background-color: #999; border: none; cursor: pointer; }

.md-prod-pop .btns .btn-delete svg { width: 0.14rem; height: .14rem; min-width: 14px; min-height: 14px; }

.md-prod-pop .btns .btn-delete:hover { background-color: #666; }

.md-prod-pop.on { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.md-prod-pop.on .btn-close img { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

@media (max-width: 900px) { .md-prod-pop .btn-close { right: 0; }
  .md-prod-pop .list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: .1rem; }
  .md-prod-pop .list .li { width: 49%; margin-right: 1%; margin-bottom: 1%; }
  .md-prod-pop .list .tit { font-size: 12px; } }

.md-prod-compare { padding-top: .58rem; padding-bottom: 1.63rem; border-top: 1px solid #e2e2e2; }

.md-prod-compare .hd .back svg { width: 0.14rem; height: .14rem; min-width: 12px; min-height: 12px; margin-left: .1rem; }

.md-prod-compare .hd .back:hover { color: #36b4e5; }

.md-prod-compare .main { margin-top: .37rem; overflow-x: auto; }

.md-prod-compare .table { line-height: 1.5; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 100%; }

.md-prod-compare .table .tr { border-bottom: 1px solid #eee; }

.md-prod-compare .table .tr:first-child { border-bottom: none; }

.md-prod-compare .table .tr-fixed { display: none; position: fixed; z-index: 20; background: #fff; }

.md-prod-compare .table .td { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .15rem 0; padding-right: .1rem; min-width: 150px; }

.md-prod-compare .table .td:first-child { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 2.4rem; min-width: 5em; background: #fff; position: -webkit-sticky; position: sticky; left: 0; z-index: 2; }

.md-prod-compare .table .td:nth-child(6) { display: none; }

.md-prod-compare .table .info { padding-bottom: .21rem; position: relative; }

.md-prod-compare .table .info .cover .img { height: 2.25rem; }

.md-prod-compare .table .info .tit { margin-top: .04rem; }

.md-prod-compare .table .info .i-del { position: absolute; right: .33rem; top: .04rem; width: .12rem; height: .12rem; min-width: 12px; min-height: 12px; color: #666; cursor: pointer; }

.md-prod-compare .table .info .i-del:hover { color: red; }

.md-prod-compare .table .back-to-list { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-prod-compare .table .back-to-list svg { color: #666; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 1rem; height: 1rem; }

.md-prod-compare .table .back-to-list:hover svg { color: #36b4e5; }

@media (max-width: 500px) { .md-prod-compare .layout { width: 100%; }
  .md-prod-compare .hd { padding-left: 5%; padding-right: 5%; }
  .md-prod-compare .table .td { padding-left: .1rem; }
  .md-prod-compare .table .td:first-child { width: 6em; border-right: 1px solid #eee; } }

.md-prod-2 { padding-top: 1rem; padding-bottom: 1rem; }

.md-prod-2 .thumbs { width: calc(800 / 1600 * 100%); }

.md-prod-2 .thumbs .swiper-slide { border: solid 1px #eeeeee; }

.md-prod-2 .big .img { padding-top: calc(600 / 800 * 100%); }

.md-prod-2 .small { margin-top: .2rem; }

.md-prod-2 .small .img { padding-top: calc(100 / 150 * 100%); }

.md-prod-2 .small .swiper-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 .4rem; }

.md-prod-2 .small .swiper-slide.on { border-color: #36b4e5; }

.md-prod-2 .small .svg-btn { width: .3rem; height: .3rem; min-width: 30px; min-height: 30px; border: 1px solid #ccc; }

.md-prod-2 .small .svg-btn:hover { background: #36b4e5; color: #fff; border-color: #36b4e5; }

.md-prod-2 .small .svg-btn svg { width: .11rem; height: .07rem; min-width: 11px; min-height: 7px; }

.md-prod-2 .info { width: calc(700 / 1600 * 100%); }

.md-prod-2 .label { margin-top: .15rem; line-height: 1.5; }

.md-prod-2 .label span { margin: 0 1em; }

.md-prod-2 .attr { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-top: .33rem; padding-bottom: .2rem; margin-top: .37rem; line-height: 2; }

.md-prod-2 .attr .t2 { margin-top: .14rem; }

.md-prod-2 .attr .t2 p { margin-bottom: .87em; }

.md-prod-2 .count { margin-top: .39rem; }

.md-prod-2 .btns { margin-top: .58rem; }

.md-prod-2 .m-more { background: transparent; border: 1px solid #36b4e5; color: #36b4e5; margin-right: .2rem; }

.md-prod-2 .m-more:hover { background: #36b4e5; color: #fff; }

@media (max-width: 900px) { .md-prod-2 { padding-top: 5%; }
  .md-prod-2 .layout { display: block; }
  .md-prod-2 .thumbs { width: 100%; }
  .md-prod-2 .info { width: 100%; margin-top: .5rem; } }

.md-prod-3 { padding-bottom: 1rem; }

.md-prod-nav { background-color: #f7f7f7; z-index: 100; }

.md-prod-nav .item { width: auto; min-width: 1.6rem; padding: .5em 1em; min-height: 1rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-prod-nav .item.on { position: relative; background-color: #ebebeb; color: #36b4e5; }

.md-prod-nav .item.on:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: .04rem; background: #36b4e5; }

.md-prod-nav .item:hover { color: #36b4e5; }

.md-prod-nav--blank { height: 1px; }

.md-prod-section { margin-top: .95rem; }

.md-prod-section .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-section .title:before { content: ''; width: .07rem; height: .36rem; background: #36b4e5; margin-right: .18rem; }

.md-prod-section .desc { line-height: calc(33 / 16 * 1em); margin-top: .27rem; }

.md-prod-section table { width: 100%; }

.md-prod-section table td { padding: .1rem .38rem; border: solid 1px #eeeeee; }

.md-prod-section table td.first { background: #f3fbfd; width: 5.6rem; }

@media (max-width: 900px) { .md-prod-section table td { padding: .1rem; }
  .md-prod-section table td.first { width: auto; } }

.md-prod-4 { background: #eeeeee; padding-top: .85rem; padding-bottom: .98rem; }

.md-prod-4 .svg-btn { margin-left: .2rem; background-color: #36b4e5; color: #fff; border: 1px solid #36b4e5; }

.md-prod-4 .svg-btn.swiper-button-disabled { border-color: #ccc; color: #333; background: transparent; }

.md-prod-4 .list { margin-top: .47rem; }

.md-prod-4 .list .li { background: #fff; border: solid 1px #eeeeee; padding: .2rem .19rem .39rem; width: 3.85rem; height: auto; }

.md-prod-4 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-4 .list .li:hover .tit { color: #36b4e5; }

.md-prod-4 .list .li:hover .more { background-color: #36b4e5; color: #fff; }

.md-prod-4 .list .img { padding-top: calc(225 / 345 * 100%); }

.md-prod-4 .list .tit { line-height: 1.5; margin-top: .23rem; }

.md-prod-4 .list .desc { line-height: 2; margin-top: .06rem; }

.md-prod-4 .list .more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: solid 1px #36b4e5; min-width: 1.2rem; padding: 0 1em; height: .4rem; min-height: 30px; margin-top: .41rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

@media (max-width: 900px) { .md-prod-4 .list .desc { line-height: 1.6; } }

.md-prod-pop-apply { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; display: none; }

.md-prod-pop-apply.show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md-prod-pop-apply.show .main { -webkit-animation: zoom-in .5s forwards; animation: zoom-in .5s forwards; }

.md-prod-pop-apply .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.5); }

.md-prod-pop-apply .main { position: relative; z-index: 2; width: 10rem; max-width: 90%; min-height: 5rem; max-height: 90vh; overflow-y: auto; margin-left: auto; margin-right: auto; background: #fff; border-radius: .1rem; padding: .77rem .7rem .6rem; }

.md-prod-pop-apply .title { padding-bottom: .35rem; }

.md-prod-pop-apply .btn-close { position: absolute; right: 0; top: 0; padding: .19rem; border: none; background: none; cursor: pointer; font-size: 0; }

.md-prod-pop-apply .btn-close svg { width: .2rem; height: .2rem; min-width: 16px; min-height: 16px; }

.md-prod-pop-apply .btn-close:hover { color: #36b4e5; }

.md-prod-pop-apply .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-prod-pop-apply .row .form-item { width: calc(420 / 860 * 100%); }

.md-prod-pop-apply .form-item { margin-bottom: .2rem; }

.md-prod-pop-apply .ipt { border: solid 1px #eeeeee; width: 100%; height: .6rem; min-height: 40px; padding: 0 .2rem; font-size: inherit; font-family: inherit; font-weight: inherit; }

.md-prod-pop-apply .ipt::-webkit-input-placeholder { color: #999; }

.md-prod-pop-apply .ipt:-ms-input-placeholder { color: #999; }

.md-prod-pop-apply .ipt::-ms-input-placeholder { color: #999; }

.md-prod-pop-apply .ipt::placeholder { color: #999; }

.md-prod-pop-apply .ipt:focus { border-color: #36b4e5; }

.md-prod-pop-apply select { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/i-down.png) no-repeat right 0.2rem center; }

.md-prod-pop-apply .ta { border: solid 1px #eeeeee; width: 100%; height: 1.6rem; padding: 1em .2rem; font-size: inherit; font-family: inherit; font-weight: inherit; }

.md-prod-pop-apply .ta::-webkit-input-placeholder { color: #999; }

.md-prod-pop-apply .ta:-ms-input-placeholder { color: #999; }

.md-prod-pop-apply .ta::-ms-input-placeholder { color: #999; }

.md-prod-pop-apply .ta::placeholder { color: #999; }

.md-prod-pop-apply .ta:focus { border-color: #36b4e5; }

.md-prod-pop-apply .btns .m-more { border: none; margin-top: .1rem; margin-right: .18rem; cursor: pointer; min-height: 40px; }

.md-prod-pop-apply .btns .m-more[type=reset] { background-color: #333333; }

@media (max-width: 900px) { .md-prod-pop-apply .main { padding-left: 5%; padding-right: 5%; }
  .md-prod-pop-apply .row { display: block; }
  .md-prod-pop-apply .row .form-item { width: 100%; } }

@media (max-width: 500px) { .md-prod-pop-apply .btns .m-more { width: 100%; margin-right: 0; } }

.md-search-1 { background-color: #f7f7f7; padding-top: 1rem; padding-bottom: 1rem; }

.md-search-1 .c-search { margin-top: .32rem; }

.md-search-1 .cate { margin-top: .3rem; text-align: center; line-height: 2; }

.md-search-1 .cate .swiper-container { display: inline-block; vertical-align: top; }

.md-search-1 .cate .swiper-slide { width: auto; margin-right: .8rem; }

.md-search-1 .cate .swiper-slide:last-of-type { margin-right: 0; }

.md-search-1 .cate .swiper-slide a { display: block; position: relative; padding-bottom: .11rem; }

.md-search-1 .cate .swiper-slide a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: .03rem; background: #36b4e5; display: none; }

.md-search-1 .cate .swiper-slide:hover a { color: #36b4e5; }

.md-search-1 .cate .swiper-slide.on a:after { display: block; }

.md-search-1 .total { margin-top: .2rem; }

.md-search-1 .list { margin-top: .4rem; }

.md-search-1 .list .li { border: 1px solid #eee; background: #fff; width: calc(385 / 1600 * 100%); margin-right: calc(20 / 1600 * 100%); margin-bottom: .3rem; }

.md-search-1 .list .li:nth-of-type(4n) { margin-right: 0; }

.md-search-1 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-search-1 .list .li:hover .tit { color: #36b4e5; }

.md-search-1 .list .img { padding-top: calc(225 / 345 * 100%); }

.md-search-1 .list .text { padding: 0 .1rem; padding-top: .95em; padding-bottom: 1.3em; border-top: 1px solid #eeeeee; }

.md-search-1 .list .tit { line-height: 1.5; }

.md-search-1 .list.on { display: block; -webkit-animation: fade-left 1s forwards; animation: fade-left 1s forwards; }

@media (max-width: 900px) { .md-search-1 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md-search-1 .list .li { width: 48%; margin-right: 0; }
  .md-search-1 .list .more { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

@media (max-width: 500px) { .md-search-1 .list .text { padding: .1rem; } }

.md-search-1 .c-pagination { margin-top: .3rem; }

.c-search { width: 8rem; max-width: 100%; margin-left: auto; margin-right: auto; background: #fff; border-radius: .16rem; padding-right: .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; }

.c-search .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: .6rem; min-height: 40px; border: none; background: none; padding-left: 1em; }

.c-search .ipt::-webkit-input-placeholder { color: #999; }

.c-search .ipt:-ms-input-placeholder { color: #999; }

.c-search .ipt::-ms-input-placeholder { color: #999; }

.c-search .ipt::placeholder { color: #999; }

.c-search .btn { width: .4rem; height: .4rem; background: none; border: none; cursor: pointer; border-radius: 50%; }

.c-search .btn svg { color: #999; width: .3rem; height: .3rem; }

.c-search .btn:hover svg { color: #36b4e5; }

@media (max-width: 1920px) { .c-search { width: 800px; } }

@media (max-width: 900px) { .c-search .btn { width: 30px; height: 30px; background-size: 16px; } }


/*弹出层相关*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}